详解：:enable（启用） 13
核心：启用的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.test1:enabled/*启用的类型加上红色的边框*/
{
border: 1px solid red;
}
.test1:enabled
{
border: 1px solid yellow;/*覆盖*/
}
</style>
</head>
<body>
<form>
启用:<input type="text" name="username" id="" class="test1">
禁用:<input type="text" name="username" id="" disabled="disabled" class="test1">
<br>
启用:<textarea class="test1"></textarea>
禁用:<textarea class="test1" disabled="false"></textarea>
<br>
启用按钮:<input type="button" name="" value="btn1" class="test1">
启用按钮:<input type="submit" name="" value="btn2" class="test1">
启用按钮:<input type="reset" name="" value="btn3" class="test1">
禁用按钮:<input type="button" name="" value="btn1" class="test1" disabled="disabled">
禁用按钮:<input type="submit" name="" value="btn2" class="test1" disabled="disabled">
禁用按钮:<input type="reset" name="" value="btn3" class="test1" disabled="disabled">
</form>
</body>
</html>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020/04/25 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
