指引网

当前位置: 主页 > 网页制作 > WEB开发 >

UI元素状态伪类选择器 _ CSS _ 建站百科 _ 学做网站论坛

来源:网络 作者:佚名 点击: 时间:2017-08-01 21:40
[摘要] Part I 这种选择器的共同特征: 指定的样式只有当元素处于某种状态时才起作用,在默认状态下不起作用 CSS3中共有11种UI元素状态伪类……

Part I 这种选择器的共同特征:

指定的样式只有当元素处于某种状态时才起作用,在默认状态下不起作用

CSS3中共有11种UI元素状态伪类选择器:

E:hover        |  E:active     |  E:focus  |  E:enable  |  E:disable

E:read-only   |  E:read-write

E:checked     |  E:default    |  E:indeterminate  |  E::selection

-------------------------------------------------------------------------------------------------------

Part II 使用方法:(见例)


<style>    

         input[type="text"]:hover{样式;}   //鼠标指针移动到某个文本框控件上的样式    

         input[type="text"]:focus{样式;}   //文本框控件被激活时的样式    

         input[type="text"]:active{样式;}  //文本框控件获得光标焦点后的样式

         </style>
------分隔线----------------------------