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

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <style type="text/css">

         input{width:120px;height:30px;}

         input:disabled{background-color:#0A246A;border:none;}

         input[disabled]{background-color:#0A246A;border:none;}

         * html input.disabled{background-color:#0A246A;border:none;}

     </style>

 </head>

 <body>

 <input disabled="" type="button" value="隐藏" />

 </body>

 </html>

效果截图：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAAA2CAIAAABBSExYAAAByklEQVR4nO3XPY6DMBQE4NScg4IrmAPYrSU6Vy5c4ffuX+4WNhAQpFkRmGVG04QfKdGnZzuvHwY5r6u/APOn0A879MMO/bCz79e0I/uF0g+79MMu/bBLP+zSD7v0wy79sEs/7NIPu4/w67zOGdzYtNkmtf2HV5YHOl9euWmf4hd9btpsk5h2NEHfE30uj22u7ydJd/XPeaqfEw3ZhAWs6SWqmJ1XNvNXPuZh/2H6fcXPJrVeNGk8mqpeYpLOCefvhn5yOD2F7c1vGdCpJnzeL+l3ul9uCkwvn+Zv2hFtWt21QW1/x7PMk/zaPOyufvP8lTqJvp50GicFzISyC3L/u9xvd3tL0rXLzG3mL/rceR2CaNiuq5f3KX6zxHRxd5gq8DJ/7dj0MpSzq6rtDyaYfmf7Vbnyh6GeUCrGcnflt5o/E1TD8QpMv6/4ZZt0cHWHq3edaMibP4jLVudkcPPxVa2TeLMl9FF+05X1EXQ+Upowr5Dr86dWy/UKfIs+wu8fl37YpR926Ydd+mGXftilH3bph92z/BiU0A879MMO/bBDP+zQDzv0ww79sEM/7NAPO/TDDv2wQz/s0A879MMO/bBDP+zQDzv0w84v9sO0ZhEz5CMAAAAASUVORK5CYII=" alt="" />

CSS定义input disabled样式的更多相关文章

  1. CSS设置input默认样式

    HTML <ul class="box"> <li> <input type="checkbox" name="vehi ...

  2. css设置input获得焦点的样式

    input:focus{ 样式; } 这样就ok

  3. css 更改input radio checkbox的样式

    html <label> <input type="checkbox" class="colored-blue"> <span c ...

  4. 为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件

    为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...

  5. 自定义input file样式

    自定义input file样式:一般都是通过隐藏input,通过定义label来实现.这种做法要注意的是label的for属性要指定input对应的id; <!DOCTYPE html> ...

  6. input的样式简介

    <input type="text" autocomplete="off" placeholder="" x-webkit-speec ...

  7. CSS标签类型和样式表继承与优先级

    标签类型 块级标签 什么是块级标签:在html中<div>. <p>.h1~h6.<form>.<ul> 和 <li>就是块级元素 块级标签 ...

  8. Html Input disabled属性

    input的disabled: <input type="text" name="name" placeholder="请输入名称" ...

  9. Html-IOS下input的样式添加不上的解决方案

    问题描述: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml&qu ...

随机推荐

  1. 将 List<Obj> 集合， 导出至 Excel

    主代码在这:http://www.codeproject.com/Articles/120480/Export-to-Excel-Functionality-in-WPF-DataGrid 黑人老外写 ...

  2. 《Java I/O 从0到1》 - 第Ⅰ滴血 File

    前言 File 类的介绍主要会依据<Java 编程思想>以及官网API .相信大家在日常工作中,肯定会遇到文件流的读取等操作,但是在搜索过程中,并没有找到一个介绍的很简洁明了的文章.因此, ...

  3. day 6 老王开枪打人

    1.图示 2 程序 1)版本1:框架的搭建 def main(): '''用来控制这个程序的流程''' pass #1.创建alex对象 #2.创建1个枪对象 #3.创建1个弹夹对象 #4.创建子弹对 ...

  4. day 5 名片管理系统-文件版

    1.添加__name__ == '__main__' if __name__ == "__main__": #添加__name__变量 #调用主函数 main() 2.添加6功能, ...

  5. ES2015学习笔记

    ECMA6学习笔记 参考资料 ECMAScript6入门:http://es6.ruanyifeng.com/ 官方文档:https://babeljs.io/learn-es2015/ 开发软件:W ...

  6. pip源设置 & pandas安装

    pip的官方源python.pypi.org貌似被墙,换用国内安装源 网上的设置方法都是基于Unix的,Windows下的设置略麻烦. 更新..\Lib\site-packages\pip下的cmdo ...

  7. .net backend return json string , used by frontend

    伪代码: backend: public string GetJson() { var lst = xxxLst; var obj = Json(lst);return new JavaScriptS ...

  8. 「日常训练&知识学习」单调栈

    这几天的知识学习比较多,因为时间不够了.加油吧,为了梦想. 这里写几条简单的单调栈作为题解记录,因为单调栈的用法很简单,可是想到并转化成用这个需要一些题目的积淀. 相关博客参见:https://blo ...

  9. VIN码识别：让VIN码采集so easy!

    近几年汽车后市场呈喷井式发展,在过去的半年,汽车后市场规模已高达万亿级,产业前景广阔,与此同时行业运营也受信息区域化.数据不统一的制约,让企业面临着效率低下.规模化运行困难的痛点. 在汽车配件市场中, ...

  10. ubuntu 执行Python脚本出现: /usr/bin/env: ‘python\r’: No such file or directory

    原因: #!/usr/bin/env python 在ubuntu会变成 #!/usr/bin/env python\r 而\r 会被shell 当成参数 所以出现:  /usr/bin/env: ‘ ...