invalid կեղծ դասը

invalid կեղծ դասը սահմանում է ոճ input-ի համար, որում մուտքագրվել է սխալ արժեք կամ արժեք, որը չի համապատասխանում նշված տեսակին:

Շարահյուսություն

cssընտրող:invalid {

}

Օրինակ

Եկեք վերագունավորենք input-ի ֆոնը վարդագույն, երբ մուտքագրվում է սխալ արժեք և վերադարձնենք կանաչ գույն, երբ արժեքն անցել է ստուգումը ընտրված տեսակին համապատասխանելու համար:

html<p>Մուտքագրեք Ձեր էլ․ հասցեն</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

Տես նաև