disabled和enabled怎么用？disabled和enabled详解

互联网 18-11-21

本篇文章给大家带来的内容是关于disabled和enabled怎么用？disabled和enabled详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

:enabled与：disabled选择器

在Web表单中，有些表单元素（如输入框、密码框、复选框等）有“可用”和“不可用”这2种状态。默认情况下，这些表单元素都处在可用状态。

在CSS3中，我们可以使用：enabled选择器和：disabled选择器来分别设置表单元素的可用与不可用这两种状态的CSS样式。举例：

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>CSS3 :enabled选择器与:disabled选择器</title>     <style type="text/css">         input[type="text"]:enabled         {             outline:1px solid #63E3FF;         }         input[type="text"]:disabled         {             background-color:#FFD572;         }     </style> </head> <body>     <form>         <p><label for="enabled">可用:</label><input type="text" name="enabled"/></p>         <p><label for="disabled">禁用:</label><input type="text" name="disabled" disabled="disabled"/></p>     </form> </body> </html>

在浏览器预览效果如下：