CSS3选择器 :enabled选择器
03/09
在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。
例如：可用输入框设置一个#f36颜色的边框以及5px的阴影色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>属性选择器</title>
<style>
input[type='text']:enabled{
border:1px solid #f36;
box-shadow:5px 5px 2px #ccc;
}
input[type='text']:disabled{
border:1px solid #f36 inset;
box-shadow:5px 5px 2px #ccc;
}
</style>
</head>
<body>
<form action="#">
<div>
<label for="enabled">可用输入框:</label>
<input type="text" id="enabled" />
</div>
<div>
<label for="disabled">禁用输入框:</label>
<input type="text" id="disabled" disabled="disabled" />
</div>
</form>
</body>
</html>效果图如下
版权属于：
Dcr163的博客
本文链接：
http://dcr163.cn/132.html（转载时请注明本文出处及文章链接）
