网站地图    收藏   

主页 > 专题教程 > css >

:enabled

来源:自学PHP网    时间:2018-02-08 10:48 作者: 阅读:

[导读] CSS :enabled 伪类选择器用于匹配任何启用状态的元素。...

CSS :enabled伪类选择器用于匹配任何启用状态的元素。

如果一个元素能够被激活(如选择、点击或接受文本输入)或获取焦点,则该元素是启用的。元素还有一个禁用的状态(disabled state),在被禁用时,元素不能被激活或获取焦点。

:enabled伪类选择器通常用于匹配按钮(<button>),select下拉框元素(<select>),input元素(<input>)和textarea元素(<textarea>)。当这些元素处于:enabled状态时,它们可以进行输入,点击和获取焦点。

示例代码
/* 为页面中的所有启用状态的元素设置统一样式 */
:enabled {
    background-color: white;
    color: green;
    border: 1px solid black;
}

/* 为页面中启用状态的提交按钮设置样式 */
input[type="submit"]:enabled {
    border: 1px solid green;
}
在线演示

下面的例子为启用状态的元素设置绿色的文字。







浏览器支持

所有的现代浏览器都支持:enabled伪类,包括:Chrome, Firefox, Safari, Opera9+, Internet Explorer 9+ 以及 Android 和 iOS。

最新评论

添加评论

更多文章推荐

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论