:enabled 选择器匹配每个已启用的元素(大多用在表单元素上)。
:enabled
{
CSS 样式
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style>
input[type="text"]:enabled
{
background:#eee;
}
input[type="text"]:disabled
{
background:#dddddd;
}
</style>
</head>
<body>
<form action="">
姓名: <input type="text" value="输入的尊姓大名" /><br>
性别: <input type="text" value="妹子?汉子?" /><br>
取向: <input type="text" disabled="disabled" value="秘密,先不要填写" />
</form>
</body>
</html>
表格中的数字表示支持该属性的第一个浏览器版本号。
Safari | Chrome | FireFox | IE |
1.0 | 1.0 | 1.0 | 5.0 |