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. 南京Uber优步司机奖励政策（12月14日到12月20日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  2. Android stado 运行项目，apk does not exist on disk.

    报错如下: 03/12 21:38:56: Launching iReader The APK file F:\git\iReader_nubia\iReader\build\outputs\apk\ ...

  3. SpringBoot-05：SpringBoot初运行以及tomcat端口号的修改

    ------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 上篇博客讲了,如何创建SpringBoot工程,所以,我本篇博客讲述,如何跑起来自己的第一个案例 1.准备一个 ...

  4. Ruby 基础教程1-6

    1.循环实现方法 循环语句 (while;for; loop,until) 循环方法(times,each) 2.for           for 变量 in 对象             主体   ...

  5. 使用materialization

    explain select `countries`.`id` AS `id`,`countries`.`sortname` AS `sortname`,`countries`.`name` AS ` ...

  6. php常用几个数组的区别

    本文主要介绍的php数组函数主要有:sort.rsort.asort.arsort.ksort.krsort 测试数据定义一个关联数组如下: $data=[ 'f'=>123, 'b'=> ...

  7. centos7下搭建django

    安装环境:centos7.4 1 安装nginx yum install nginx 注:尝试过在本地和腾讯云上安装,使用同一条命令:在本地安装提示没有可用安装包,云上安装正常 启动nginx,并启用 ...

  8. Django - day00 第一个页面

    Django - day00 0.写在最前面 第一次接触Django,是在大三的做数据库课程设计的时候,当时好像还是1.8的版本,现转眼就到了2.0的版本. 当时由于没太多的课,仅花了不到一周的时间就 ...

  9. react在安卓下输入框被手机键盘遮挡问题

    问题概述   今天遇到了一个问题,在安卓手机上,当我要点击输入"店铺名称"时,手机软键盘弹出来刚好把输入框挡住了:挡住就算了,关键是页面还不能向上滑动,整个手机窗口被压为原来的二分 ...

  10. Linux文件系统简介和软链接和硬链接的区别

    Linux有着极其丰富的文件系统,大体可分为如下几类: 网络文件系统:如nfs.cifs等: 磁盘文件系统:如ext3.ext4等: 特殊文件系统:如prco.sysfs.ramfs.tmpfs等: ...