CSS :invalid ప్రత్యార్థక క్లేస్

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

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

గమనిక:ఈ ప్రత్యార్థక క్లేస్ పరిమిత ఫారమ్ అంశాలకు మాత్రమే ఉపయోగపడుతుంది, ఉదాహరణకు మిన్ మరియు మాక్స్ అంశాలు కలిగిన ఇన్‌పుట్ అంశాలు, నిజమైన ఇమెయిల్ కలిగిన ఇమెయిల్ ఫీల్డ్స్ లేదా మాత్రమే సంఖ్యలు కలిగిన నంబర్ ఫీల్డ్స్ మొదలైనవి.

గమనిక:జంటగా అనివార్యమైన క్రియాశీల బట్టలకు ఒకటి కూడా ఎంపికైనప్పుడు, ఆ సమూహంలో ఎటువంటి క్రియాశీల బట్టలు ఎంపికైనివి లేవాయంటే, ఈ ప్రత్యార్థక క్లేస్ అన్ని క్రియాశీల బట్టలపై వర్తిస్తుంది.

సూచన:ఉపయోగించండి :valid ప్రత్యార్థక ఫారమ్ అంశాల శైలిని సెట్ చేయడానికి ప్రత్యార్థక క్లేస్ ఉపయోగించండి.

ఉదాహరణ

అనివార్యమైన <fieldset> మరియు <input> అంశాల శైలిని అమర్చండి:

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

ప్రయత్నించండి

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

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

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

వెర్షన్ అంటే: CSS4

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

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

Chrome Edge Firefox Safari Opera
10 12 4 5 10

相关页面

参考：CSS :valid 选择器