CSS :invalid 伪类

定义和用法

CSS :invalid 伪类用于设置无效表单元素的样式。

注意:此伪类仅适用于具有限制的表单元素,例如具有 min 和 max 属性的输入元素、没有合法电子邮件的电子邮件字段或没有数值的数字字段等。

注意:如果单选按钮组中的任何一个单选按钮是必填的,则在组中没有任何单选按钮被选中时,此伪类将应用于所有单选按钮。

提示:使用 :valid 伪类设置有效表单元素的样式。

实例

设置无效的

元素的样式:

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

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားလုပ်ကြည်း

ကျော်ကြားချက် ဘရောက်တာ

:invalid {
  ဆိုင်ရာ ကျော်ကြားချက်;
}

နည်းပါးသုံးစွဲ

ပုံစံ ကွန်ပျူတာဆိုင်ရာ ကျော်ကြားချက်

ဘရောက်တာ ထောက်ပံ့

အချက်အလက်များတွင် အကွက်အကျဉ်းကို အထူးသဖြင့် ထောက်ပံ့ပေးသော ဘရောက်တာပြန်တင်ကုဒ်မှာ ကိုယ်စားပြုသည်。

ချော်မီ အက်ဒီ ဖရေဖြိုး ဆင်ဖရေ အိုပ်ရှင်
10 12 4 5 10

相关页面

参考:CSS :valid 选择器