CSS3 :checked ప్రత్యార్థక క్లేస్

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

CSS :checked ప్రత్యార్థక క్లేస్ ను సరిపోల్చుట కొరకు ఉపయోగించే ప్రత్యార్థక క్లేస్ <input> లేదా <option> మూలకం.

ఇది <input type="radio">, <input type="checkbox"> మరియు <select> మూలకాలలో నిర్దేశించిన <option> కు వర్తిస్తుంది.

ఉదాహరణ

ఉదాహరణ 1

అన్ని ఎంపికచేసిన <input> మూలకాలకు కనీస ఎరుపు కాంటేరు అమర్చండి:

input:checked {
  outline: 1px solid red;
}

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

ఉదాహరణ 2

ఒకే ఎంపిక బట్టులు, చెక్ బక్స్ మరియు ఆప్షన్లను ఎంపికచేసినప్పుడు వేర్వేరు శైలులను అమర్చండి:

input[type="radio"]:checked {
  box-shadow: 0 0 5px 3px blue;
}
input[type="checkbox"]:checked {
  box-shadow: 0 0 5px 3px maroon;
}
option:checked {
  color: blue;
  background-color: pink;
}

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

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

:checked {
  సిఎస్ఎస్ ప్రకటనలు;
}

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

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

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