内容发布更新时间 : 2024/12/25 0:09:25星期一 下面是文章的全部内容请认真阅读。
为所有 type=\的被禁用的 input 元素设置背景色: input[type=\ {
background-color: #dddddd; }
浏览器支持
所有主流浏览器均支持 :disabled 选择器,除了 IE8 及更早的版本。 定义和用法
:disabled 选择器匹配每个被禁用的元素(大多用在表单元素上)。 亲自试一试 - 实例
为所有已禁用的 input 元素设置背景色: input:disabled {
background:#dddddd; }
CSS3 :checked 选择器
实例
为所有被选中的 input 元素设置背景色: input:checked {
background-color: #ff0000; }
浏览器支持
—40—
只有 Opera 支持 :checked 选择器。 定义和用法
:checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框)。
CSS3 :not 选择器
实例
设置非
元素的所有元素的背景色: :not(p) {
background-color: #ff0000; }
浏览器支持
所有主流浏览器均支持 :not 选择器,除了 IE8 及更早的版本。 定义和用法
:not(selector) 选择器匹配非指定元素/选择器的每个元素。
CSS3 ::selection 选择器
实例
使被选中的文本成为红色: ::selection {
color:#ff0000; }
—41—
::-moz-selection {
color:#ff0000; }
浏览器支持
IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。
Firefox 支持替代的 ::-moz-selection。 定义和用法
::selection 选择器匹配被用户选取的选取是部分。
只能向 ::selection 选择器应用少量 CSS 属性:color、background、cursor 以及 outline。
—42—