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 {
  ਸੀਐੱਸਐੱਸ ਨਿਰਦੇਸ਼ਾਂ;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਟੇਬਲ ਵੈਬ ਬਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਇਹ ਪਸੀਦਾ ਕਲਾਸ ਦਾ ਪਹਿਲਾ ਸਰਫਰ ਵਰਜਨ ਸ਼ਾਮਲ ਹੈ।