CSS3(各UI元素状态伪类选择器受浏览器的支持情况)

选择器

Firefox

Safari

Opera

IE

Chrome

E:hover

Y

Y

Y

Y

Y

E:active

Y

Y

Y

N

Y

E:focus

Y

Y

Y

Y

Y

E:enabled

Y

Y

Y

N

Y

E:disabled

Y

Y

Y

N

Y

E:read-only

Y

Y

Y

N

Y

E:read-write

Y

Y

Y

N

Y

E:checked

Y

Y

Y

N

Y

E:selection

Y

Y

Y

N

Y

E:default

Y

N

Y

N

N

E:indeterminate

N

N

Y

N

n

E:invalid

Y

Y

Y

N

Y

E:required

Y

Y

Y

N

Y

E:optional

Y

Y

Y

N

Y

E:in-range

Y

Y

Y

N

Y

E:out-of-range

Y

Y

Y

N

Y

在CSS3中有17种UI元素状态伪类选择器，分别是以上这些。

时间： 2024-10-26 15:12:19

CSS3(各UI元素状态伪类选择器受浏览器的支持情况)的相关文章

UI元素状态伪类选择器

E:hover   用于指定当鼠标指针移动到元素上面时元素所使用的样式: E:action  用于指定元素被激活(鼠标在元素上按下还没有松开)时所使用的样式: E:focus   用于指定元素获得光标焦点时所使用的样式,主要是在文本框空间获得焦点并进行文字输入时使用的样式: E:enable  设置该元素处于可用状态的样式: E:disabled  设置该元素处于不可用状态时的样式: E:read-only  设置元素处于只读状态时的样式: E:read-write  设置元素处于非只读状态时的

CSS3新增加的伪类选择器

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>CSS3新增加的伪类选择器</title>    <style type="text/css">    /*root所有的元素*/        :root{            color: pink;      

如何使用CSS3中的结构伪类选择器和伪元素选择器

原文:如何使用CSS3中的结构伪类选择器和伪元素选择器 结构伪类选择器介绍# 结构伪类选择器是用来处理一些特殊的效果. 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素. E:last-child 匹配E元素的最后一个子元素. E:nth-child(n) 匹配E元素的第n个子元素. E:nth-child(2n)或者E:nth-child(even) 匹配E元素的偶数子元素. E:nth-child(2n+1)或者E:nth-child(odd) 匹配

css3 :enabled与:disabled伪类选择器

css :enabled和:disabled伪类选择器 在Web表单中,有些表单元素(如输入框.密码框.复选框等)有"可用"和"不可用"这2种状态.默认情况下,这些表单元素都处在可用状态. 在CSS3中,我们可以使用:enabled选择器和:disabled选择器来分别设置表单元素的可用与不可用这两种状态的CSS样式. 语法: :disabled { style properties } :enabled { style properties } 如:我们为&quo

css3 巧用结构性伪类选择器

最近在国外的一个网站上看到的一个关于结构性伪类选择器的用法,觉得十分实用,就自己尝试了一下,并把它给记录下来: 这是最基本的样式: 1 <style type="text/css"> 2 li{ 3 list-style-type: none; 4 float: left; 5 width: 60px; 6 height: 60px; 7 background-color: #979698; 8 margin-left: 10px; 9 text-align: center

css3系列选择器之伪类选择器

Pseudo-Classes Selectors(伪类选择器) E:not(s) E:root E:target E:first-child E:last-child E:only-child E:nth-child(n) E:nth-last-child(n)   这一行的选择器,都会考虑其他元素的的影响. E:first-of-type E:last-of-type E:only-of-type E:nth-of-type(n) E:nth-of-last-type(n)   这一行的选择器

css3基础 :target 目标伪类选择器 简单示例

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome                     os:win7 学习链接: http://blog.csdn.net/atleks/article/details/38966691 代码 <!DOCTYPE html>

CSS3 新怎的伪类选择器

:first-of-type p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素. :last-of-type p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素.:only-of-type p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素.:only-child p:only-child 选择属于其父元素的唯一子元素的每个

UI元素状态伪类

:enabled        可输入input :disabled 不可输入input :checked 单选框,复选框 选中状态 原文地址:https://www.cnblogs.com/jian1234/p/9844774.html