css3伪类之UI元素状态相关

UI元素状态相关的介绍3个

 

1、:checked

 

    --------- 用于单选或者多选按钮选中状态的样式规则设置

 

input[type=checkbox]:checked{width:20px;}

 

 

2、:disabled

 

    --------- 置灰状态下的样式规则设置

 

input:disabled{border-color:#eee;}

 

 

3、:enabled

 

    ---------- 可用状态下的样式规则设置

 

input:enabled{border-color:#fff;}