సిఎస్ఎస్ :focus ప్రత్యార్థక క్లేస్

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

సిఎస్ఎస్ :focus ప్రత్యార్థక క్లేస్ అనేది ఫోకస్ పొందిన అంశానికి స్టైల్స్ అమర్చడానికి ఉపయోగిస్తారు.

ప్రతిమాత్రలు

ఉదాహరణ 1

ఫీల్డ్ ఫీల్డ్ ఫోకస్ పొందినప్పుడు అనుసంధానం చేయండి మరియు స్టైల్స్ అమర్చండి:

input:focus {
  బ్యాక్‌గ్రౌండ్‌కలర్: పసుపు రంగు;
}

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

ఉదాహరణ 2

ఇన్‌పుట్ ఫీల్డ్ ఫోకస్ పొందినప్పుడు బ్యాక్‌గ్రౌండ్ కలర్ మరియు వెడల్పు మార్చండి:

input:focus {
  బ్యాక్‌గ్రౌండ్‌కలర్: పసుపు రంగు;
  వెడల్పు: 250px;
}

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

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

:focus {
  సిఎస్ఎస్ నిర్వచనాలు;
}

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

వెర్షన్ నంబర్ ను కొరకు ఉంది: CSS2

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

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

క్రోమ్ ఎడ్జ్ ఫైర్‌ఫాక్స్ సఫారీ ఆపెరా
4.0 8.0 2.0 3.1 9.6

సంబంధిత పేజీలు

శిక్షణాలోకంలో ఉంది:CSS 伪类