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. linux如何制作程序桌面快捷方式

    1.生成通过apt或者dpkg安装的程序的桌面快捷方式 他们的快捷方式在/usr/share/applications中,比如我们要生成火狐的桌面快捷方式,执行下列命令 cp /usr/share/a ...

  2. #386. 【UNR #3】鸽子固定器

    #386. [UNR #3]鸽子固定器 题目链接 官方题解 分析: 神奇的做法+链表. 首先按照大小排序. 对于小于选择小于m个物品的时候,这个m个物品一定是一段连续的区间.因为,如果中间空着一个物品 ...

  3. Qt Creator 下启动vim模式后，运行快捷键Ctrl+R失效解决方案

    首先开启vim后,Ctrl+R无法用 解决: 工具 -> 选项->FakeVim 转到Ex Command Mapping 搜索Run 底栏Regular expression 输入run ...

  4. 【转】关于cocos2dx+lua注册事件函数详解

    转载:http://www.taikr.com/article/1605 registerScriptTouchHandler 注册触屏事件registerScriptTapHandler注册点击事件 ...

  5. appium 元素定位与操作：

    一.常用识别元素的工具   uiautomator:Android SDK自带的一个工具,在tools目录下 monitor:Android SDK自带的一个工具,在tools目录下 Appium I ...

  6. docker容器学习笔记

    docker是通过内核虚拟化技术来提供容器的资源隔离与安全保障. docker组成: docker client.docker server.docker组件(镜像(image).容器(contain ...

  7. 菜鸟之路——机器学习之决策树个人理解及Python实现

    最近开始学习机器学习,以下会记录我学习中遇到的问题以及我个人的理解 决策树算法,网上很多介绍,在这不复制粘贴.下面解释几个关键词就好. 信息熵(entropy):就是信息不确定性的多少 H(x)=-Σ ...

  8. oracle数据库分页原理

    Oracle数据库的rownum 在Oracle数据库中,分页方式没有MySql这样简单,它需要依靠rownum来实现.Rownum表示一条记录的行号,值得注意的是它在获取每一行后才赋予.因此,想指定 ...

  9. 【转】再谈PHP、Python与Ruby

    原文链接:http://www.nowamagic.net/librarys/veda/detail/2504 一句话总结 简单地总结: 假如你想帮他尽快找个活儿,赚到钱,推荐PHP. 假如你想让他成 ...

  10. rsync+inotify实现实时同步，自动触发同步文件

    本文参考来自:http://chocolee.blog.51cto.com/8158455/1400596 我的需求和他的略有不同,同时做了一下更改,如下: 需求:两台机器相互为主备,搭建相同的两个服 ...