CSS定义input disabled样式

disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style type="text/css">
 7         input{width:120px;height:30px;}
 8         input:disabled{background-color:#0A246A;border:none;}
 9         input[disabled]{background-color:#0A246A;border:none;}
10         * html input.disabled{background-color:#0A246A;border:none;}
11     </style>
12 </head>
13 <body>
14 <input disabled="" type="button" value="隐藏" />
15 </body>
16 </html>

效果截图：

posted @ 2016-07-11 10:15  SkyTeam_LBM  阅读(290)  评论(0)  编辑  收藏  举报