CSS :invalid ਪ੍ਰਤੀਕਾਰੀ

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

ਸੀਐੱਸਐੱਸ :invalid ਪ੍ਰਤੀਕਾਰੀ ਫਾਰਮ ਏਜੈਂਟਸ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰਨ ਲਈ ਪ੍ਰਤੀਕਾਰੀ ਸ਼ੈਸ਼ਨ

ਧਿਆਨ:ਇਹ ਪ੍ਰਤੀਕਾਰੀ ਸ਼ੈਸ਼ਨ ਸਿਰਫ ਸੀਮਤ ਫਾਰਮ ਏਜੈਂਟਸ ਲਈ ਹੈ, ਜਿਵੇਂ ਕਿ min ਅਤੇ max ਪ੍ਰਤੀਕਾਰੀਆਂ ਵਾਲੇ ਇਨਪੁਟ ਏਜੈਂਟਸ, ਸਹੀ ਈਮੇਲ ਨਾ ਹੋਣ ਵਾਲੇ ਈਮੇਲ ਫੀਲਡ ਜਾਂ ਗਿਣਤੀ ਦੇ ਅਸਮਰਥ ਫੀਲਡ ਆਦਿ。

ਧਿਆਨ:ਜੇਕਰ ਰੇਡੀਓ ਬਟਨ ਸਮੂਹ ਵਿੱਚ ਕੋਈ ਵੀ ਰੇਡੀਓ ਬਟਨ ਜ਼ਰੂਰੀ ਹੈ ਅਤੇ ਸਮੂਹ ਵਿੱਚ ਕੋਈ ਵੀ ਰੇਡੀਓ ਬਟਨ ਚੁਣਿਆ ਨਹੀਂ ਗਿਆ ਹੈ, ਤਾਂ ਇਹ ਪ੍ਰਤੀਕਾਰੀ ਸ਼ੈਸ਼ਨ ਸਾਰੇ ਰੇਡੀਓ ਬਟਨਾਂ 'ਤੇ ਲਾਗੂ ਹੋਵੇਗਾ。

ਸੁਝਾਅ:ਵਰਤੋਂ :valid ਪ੍ਰਤੀਕਾਰੀ ਫਾਰਮ ਏਜੈਂਟਸ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰਨ ਲਈ ਪ੍ਰਤੀਕਾਰੀ ਸ਼ੈਸ਼ਨ

ਉਦਾਹਰਣ

ਅਸਮਰਥ <fieldset> ਅਤੇ <input> ਏਜੈਂਟਸ ਦੇ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

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

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਸੀਐੱਸਐੱਸ ਗਰੱਮਾਤ

:invalid {
  ਸੀਐੱਸਐੱਸ ਨਿਰਧਾਰਣ;
}

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

ਸਪਲੱਸਿਫਾਈਡ ਵੈਕਟਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪ੍ਰਤੀਕਾਰੀ ਬਰਾਉਜ਼ਰ ਮੁੱਦਾ ਨੂੰ ਦਿਸਾਇਆ ਗਿਆ ਹੈ。

مربوط پیج

مراجع:CSS :والیڈ سلیکٹر