CSS定义input disabled样式
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样式的更多相关文章
- CSS设置input默认样式
HTML <ul class="box"> <li> <input type="checkbox" name="vehi ...
- css设置input获得焦点的样式
input:focus{ 样式; } 这样就ok
- css 更改input radio checkbox的样式
html <label> <input type="checkbox" class="colored-blue"> <span c ...
- 为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件
为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...
- 自定义input file样式
自定义input file样式:一般都是通过隐藏input,通过定义label来实现.这种做法要注意的是label的for属性要指定input对应的id; <!DOCTYPE html> ...
- input的样式简介
<input type="text" autocomplete="off" placeholder="" x-webkit-speec ...
- CSS标签类型和样式表继承与优先级
标签类型 块级标签 什么是块级标签:在html中<div>. <p>.h1~h6.<form>.<ul> 和 <li>就是块级元素 块级标签 ...
- Html Input disabled属性
input的disabled: <input type="text" name="name" placeholder="请输入名称" ...
- Html-IOS下input的样式添加不上的解决方案
问题描述: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml&qu ...
随机推荐
- dfs 队列
题目来源 poj 1562 Description The GeoSurvComp geologic survey company is responsible for detecting unde ...
- springboot与activemq的使用
1.springboot和activemq的使用相对来说比较方便了,我在网上看了很多其他的资料,但是自己写出来总是有点问题所以,这里重点描述一下遇到的一些问题. 2.至于activemq的搭建和spr ...
- VMWare虚拟机下 centos network is unreachable 问题的解决
vi /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0 BOOTPROTO=static BROADCAST=192.168.1.255 HW ...
- Date 工具类(包含常用的一些时间方法)
package com.fh.util; import java.sql.Timestamp; import java.text.DateFormat; import java.text.ParseE ...
- 第十五届北京师范大学程序设计竞赛现场决赛题解&源码(A.思维,C,模拟,水,坑,E,几何,思维,K,字符串处理)
#include <bits/stdc++.h> using namespace std; int main() { int T,n,a,b; while(cin>>T) { ...
- cf#516C. Oh Those Palindromes(最多回文子串的字符串排列方式,字典序)
http://codeforces.com/contest/1064/problem/C 题意:给出一个字符串,要求重新排列这个字符串,是他的回文子串数量最多并输出这个字符串. 题解:字典序排列的字符 ...
- Selenium 入门到精通系列:一
Selenium 入门到精通系列 PS:控制浏览器窗口大小.前进.后退.刷新 例子 #!/usr/bin/env python # -*- coding: utf-8 -*- # @Date : 20 ...
- lesson 24 A skeleton in the cupboard
lesson 24 A skeleton in the cupboard conceal sth from sb 对某人隐藏某事 He conceals his girlfriend from his ...
- 【Extremely Basic Words for Listening】word list
[Extremely Basic Words for Listening]word list updated continuously recite count: 0 careless exercis ...
- python程序设计——文件操作
分类 1.文本文件 存储常规字符串,由若干文本行组成,每行以换行符'\n'结尾 2.二进制文件 把对象以字节串存储,常见的图形图像.可执行文件.数据库文件office文档等 #创建文件 >> ...