“Sel valid”的版本间差异
本页内容
（创建页面，内容为“{{DISPLAYTITLE::valid}}24 = CSS :valid 选择器 = 完整CSS选择器参考手册 如果 input 元素中输入的值为合法的，设置其为黄色: <sample title="" desc="" lang="html" hererun="1"> input:valid { background-color: yellow; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> input:valid { background-color: y…”） |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
{{DISPLAYTITLE::valid}}[[Category:css | {{DISPLAYTITLE::valid}}[[Category:css selectors|51]] | ||
= CSS :valid 选择器 = | = CSS :valid 选择器 = | ||
2022年8月19日 (五) 04:51的最新版本
CSS :valid 选择器
如果 input 元素中输入的值为合法的，设置其为黄色:
示例
input:valid
{
background-color: yellow;
}定义和使用
- valid 选择器在表单元素的值需要根据指定条件验证时设置指定样式。
注意: :valid 选择器只作用于能指定区间值的元素，例如 input 元素中的 min 和 max 属性，及正确的 email 字段, 合法的数字字段等。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 选择器 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| :valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS 语法
:valid
{
css 声明;
}
相关页面
CSS 选择器 :invalid