E:enabled

语法

  • E:enabled { sRules }

说明

匹配用户界面上处于可用状态的元素E。

兼容性

IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-8.0 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
IE9.0+

示例


<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<style>
li {
    padding: 3px;
}
input[type="text"]:enabled {
    border: 1px solid #090;
    background: #fff;
    color: #000;
}
input[type="text"]:disabled {
    border: 1px solid #ccc;
    background: #eee;
    color: #ccc;
}
</style>
</head>
<body>
<form method="post" action="#">
<fieldset>
    <legend>E:enabled与E:disabled</legend>
    <ul>
        <li><input type="text" value="可用状态"></li>
        <li><input type="text" value="可用状态"></li>
        <li><input type="text" value="禁用状态" disabled="disabled"></li>
        <li><input type="text" value="禁用状态" disabled="disabled"></li>
    </ul>
</fieldset>
</form>
</body>
</html>