IT入门 > 教程 >

CSS3 :enabled 选择器

实例 设置所有type="text"的启用的输入元素的背景颜色： input[type="text"]:enabled{background:#ffff00;} 尝试一下 » 定义和用法 :enabled 选择器匹配每个启用的的元素（主要用于表单元素）。 浏览器...

CSS3 :disabled 选择器

实例 设置所有type="text"的禁用的输入元素的背景颜色： input[type="text"]:disabled{background:#dddddd;} 尝试一下 » 定义和用法 :disabled 选择器匹配每个禁用的的元素（主要用于表单元素）。 浏览...

CSS3 :checked 选择器

实例 为所有选中的输入元素设置背景颜色： input:checked { height: 50px; width: 50px;} 尝试一下 » 定义和用法 :checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。 浏览器支...

CSS3 :not 选择器

实例 为每个并非p元素的元素设置背景颜色： :not(p){background:#ff0000;} 尝试一下 » 定义和用法 :not(selector) 选择器匹配每个元素是不是指定的元素/选择器。 浏览器支持 表格中的数字表示支...

CSS3 ::selection 选择器

实例 将选定的文本红色： ::selection{color:#ff0000;}::-moz-selection{color:#ff0000;} 尝试一下 » 定义和用法 ::selection选择器匹配元素中被用户选中或处于高亮状态的部分。 ::selection只可以应用于少...

CSS :out-of-range 选择器

实例 输入的值在指定区间外时，设置指定样式: input:out-of-range{ border:2px solid red;} 尝试一下 » 定义和使用 :out-of-range 选择器用于标签的值在指定区间之外时显示的样式。 注意： :out-of-...

CSS :in-range 选择器

实例 输入的值在指定区间内时，设置指定样式: input:in-range{ border:2px solid yellow;} 尝试一下 » 定义和使用 :in-range 选择器用于标签的值在指定区间值时显示的样式。 注意： :in-range 选择器...

CSS :read-write 选择器

实例 如果 input 元素不是只读，即没有 "readonly" 属性，设置输入框样式为黄色: input:read-write{ background-color: yellow;} 尝试一下 » 定义和使用 :read-write 选择器用于匹配可读及可写的元素。...

CSS :read-only 选择器

实例 如果 input 元素设置了 "readonly" 属性，设置输入框样式为黄色: input:read-only{ background-color: yellow;} 尝试一下 » 定义和使用 :read-only 选择器用于选取设置了 "readonly" 属性的元素。 表单...

CSS :optional 选择器

实例 如果 input 元素没有设置 "required" 属性，设置其为黄色: input:optional{ background-color: yellow;} 尝试一下 » 定义和使用 :optional 选择器在表单元素是可选项时设置指定样式。 表单元素中如...