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. Git项目的目录结构

     branch是分支   trunk是主干   bug修正和新功能的添加一般在branch进行 测试好了没问题了就可以合并到trunk 每隔一段时间就可以打包成一个版本放到tags 用于发布的版本一般 ...

  2. Eclipse安装Java Class反编译插件

    第一步:没有安装之前 第二步:从Eclipse Marketplace里,安装反编译插件jadclipse. 第三步:安装反编译插件之后,多了一个查看器,把"类反编译查看器"设置为 ...

  3. OI生涯回忆录(二)

    (二)NOIP2016之后到HLOI2017 之后变得有点颓废,因为有的地方难度上来了,碰见不会的题我就会放挺.又或者有时候题水,改完了就不思进取了.到了过年前那几天连着考了几天试,好像是长春那边冬令 ...

  4. zedboard学习第一篇

    1. 刚开始学习使用,不知道从哪里开始,手上的资料也很乱,至于这个板子需要学什么也不清楚. 2. 第一个工程就从helloworld开始吧,Zed板上的Zynq是一个PS(processing sys ...

  5. Linux命令应用大词典-第41章 MySQL数据库

    41.1 mysqld_safe:MySQL服务器启动脚本 41.2 mysql_install_db:初始化MySQL数据目录 41.3 mysqlshow:显示MySQL数据库结构 41.4 my ...

  6. <cfloat> (float.h)

    头文件: <cfloat> (float.h) 浮点类型的特性 这个头文件为特殊系统和编译器的实现描述了浮点类型的特征. 一个浮点数包含四个元素: 一个标志(a sign):正或负; 一个 ...

  7. SpringBoot日志配置(详解) 涉及控制台输出日志、生成日志文件、日志级别修改、hibernate日志不输出

    写在前面 本篇主要讲述日志配置,看完本篇可以解决下述问题, 控制台输出日志.生成日志文件.日志级别修改.hibernate日志不输出 Git Demo Path:https://github.com/ ...

  8. vuejs学习之 项目打包之后的首屏加载优化

    vuejs学习之 项目打包之后的首屏加载优化 一:使用CDN资源 我们在打包时,会将package.json里,dependencies对象里插件打包起来,我们可以将其中的一些使用cdn的方式加载,例 ...

  9. 利用SqlServer的作业定时清除过期数据

    有时候我们的数据库中可能会有那么些存放动态数据的表,比如一些每天定时发出的消息通知信息等数据.这些数据我们只需要临时保存,一些老旧的数据需要定时去清除掉,不然时间一长的话单表数据堆积非常严重.导致数据 ...

  10. python爬虫从入门到放弃(四)之 Requests库的基本使用(转)

    什么是Requests Requests是用python语言基于urllib编写的,采用的是Apache2 Licensed开源协议的HTTP库如果你看过上篇文章关于urllib库的使用,你会发现,其 ...