CSS3 :checked अनुप्रयोग

रूपरेखा और उपयोग

CSS :checked अनुप्रयोग का उपयोग किया जाता है कि किसी भी चयनित <input> या <option> एलीमेंट.

यह <input type="radio">, <input type="checkbox"> और <select> एलीमेंट के भीतर <option> के लिए लागू होता है。

उदाहरण

उदाहरण 1

सभी चयनित <input> एलीमेंट के लिए एक पतला लाल किनारा निर्धारित करें:

input:checked {
  outline: 1px solid लाल;
}

खुद आयात करें

उदाहरण 2

एकल चयनक, चेकबॉक्स और विकल्प को चयनित होने पर अलग-अलग शैली निर्धारित करें:

input[type="radio"]:checked {
  box-shadow: 0 0 5px 3px नीला;
}
input[type="checkbox"]:checked {
  box-shadow: 0 0 5px 3px काला;
}
option:checked {
  color: नीला;
  background-color: गुलाबी;
}

खुद आयात करें

CSS व्याकरण

:checked {
  css व्यक्तव्य;
}

तकनीकी विवरण

ब्राउज़र समर्थन

टेबल में दिए गए नंबर का पहला ब्राउज़र संस्करण इस नामक अनुप्रयोग को पूरी तरह से समर्थित करता है。