文字
分享

语法:

E:disabled { sRules }

说明:

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

兼容性:

IEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
6.0-8.02.0+4.0+3.1+3.5+3.2+2.1+18.0+
IE9.0+

示例:

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>用户界面(UI)元素状态伪类选择符 E:disabled_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<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>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇:E:enabled下一篇:E:target