<! DOCTYPE html>
<meta charset= "Utf-8"/>
<title> user Interface (UI) element status pseudo-class selector e:enabled_css reference manual _web front-end Development Reference manual series </title>
<meta name= "Author" content= "Joy Du (Rain fog), [email protected], www.doyoe.com"/>
<style>
Li {
padding:3px;
}
Input[type= "Text"]:enabled {
border:1px solid #090;
Background: #fff;
Color: #000;
}
Input[type= "text"]:d isabled {
border:1px solid #ccc;
Background: #eee;
Color: #ccc;
}
</style>
<body>
<form method= "POST" action= "#" >
<fieldset>
<legend>e:enabled and E:disabled</legend>
<ul>
<li><input type= "text" value= "Available status"/></li>
<li><input type= "text" value= "Available status"/></li>
<li><input type= "text" value= "Disable State" disabled= "disabled"/></li>
<li><input type= "text" value= "Disable State" disabled= "disabled"/></li>
</ul>
</fieldset>
</form>
</body>
Available with disable e:enabled {srules}