సిఎస్ఎస్ :focus-visible ప్రత్యామ్నాయ క్లాస్‌స్‌

నిర్వచనం మరియు ఉపయోగం

సిఎస్ఎస్ :focus-visible ఫోకస్ పొందినప్పుడు మాత్రమే ఫోకస్ రూపకల్పనను ఆప్లయి చేసే ప్రత్యామ్నాయ క్లాస్‌స్‌కు ఉపయోగించబడుతుంది మౌస్ ఫోకస్‌కు కాదు.

ఈ విధంగా ఉపయోగించవచ్చు :focus కీబోర్డ్ ఫోకస్ మరియు మౌస్/టచ్ ఫోకస్ కోసం వేరే ఫోకస్ రూపకల్పనలను సమాయుతం ఉపయోగించండి.

ఉదాహరణ

కీబోర్డ్ టాబ్ కీతో ఫోకస్ పొందిన బటన్‌ను ఎంచుకొని సెట్ చేయండి రూపకల్పన:

button:focus-visible {
  ఆక్స్లైన్: 2px సోలిడ్ రెడ్;
}

స్వయంగా ప్రయత్నించండి

సిఎస్ఎస్ సంకేతాలు

:focus-visible {
  సిఎస్ఎస్ డెక్లరేషన్స్;
}

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు

పద్ధతిలోని సంఖ్యలు ఈ ప్రత్యామ్నాయ క్లాస్‌స్‌కు పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్‌ని నిర్దేశిస్తాయి.

相关页面

教程：CSS 伪类

పరిచయం కోసం:CSS :focus ప్రొచ్చైన్