样式演示: <style>input[readonly] //readonly:后台能接收此input框传值{background:#dddddd; //为带有readonly的input框添加背景颜色cursor: not-allowed // 表示一个红色的圈加一个斜杠}</style> 2.鼠标原有的事件不能实现:pointer-events:none 样式演示: <style>input[disabled] //disadled:后台不可接收...
注意:IE8 bug 由于IE8 不识别 :disabled 导致input[disabled],input:disabled样式失效,可以考虑单独来写,或者直接使用input[disabled]。有兴趣的可以看我的DEMO 转自:http://www.hujuntao.com/archives/css-defines-disabled-input-style.html
CSS定义inputdisabled样式的三种方法 CSS定义inputdisabled样式的三种⽅法input:disabled{ border: 1px solid #DDD;background-color: #F5F5F5;color:#ACA899;opacity: 1;} //IE8- input[disabled]{ border: 1px solid #DDD;background-color: #F5F5F5;color:#ACA899;opacity: 1;} //IE6 Using Javascript...
disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值 <input type="text" name="www.xxx.com" disabled="disabled" /> 另外可以通过css屏蔽输入法:<input style="ime-mode: disabled"> 最后介绍一个常用的标签,浏览器通常会记录input输入框的记录,所以你在输入的时候,...
最近在撸原生代码,input还能更改disabled样式,先做一个记录 1 input:disabled { 2 background-color : #fff; // 修改默认灰色样式 3 color: #666; 4 opacity:1; // 默认的不透明级别为0.3 5 -webkit-text-fill-color:#666; // 字体颜色安卓与IOS适配 6 -webkit-opacity: 1; 7 } 分类: 常遇的问题...
</style> </head> <body> <input type="text"id="inputField"placeholder="请输入内容"><buttonid="disableButton">禁止输入</button><script>$(document).ready(function(){$('#disableButton').click(function(){$('#inputField').addClass('disabled');});});</script></body></html> ...
<p><input type="text" disabled=disabled value="已禁用"/></p> 被禁用的input元素默认显示为灰色(注:不同类型,不同版本的浏览器默认显示效果不同),可以通过css修改样式。 1. 利用CSS3 :disabled 伪元素定义 //Chrome Firefox Opera Safari input:disabled{ ...
3 简化之后的代码用法也是很好理解。<style>input:enabled{background:#ffff00;}input:disabled{background:#dddddd;}</style> 4 CSS3 :disabled 选择器，这个代码就用在禁用的输入框里面。这个代码与上一个代码就是相反的意思。input[type="text"]:disabled{ background-color: #dddddd; }input:disabled{ ...
直接通过css来直接修改html中disabled的input的颜色 示例代码如下: <html> <head> <style> input{background:expression((this.disabled && this.disabled==true)?"#f0f0f0":"")} </style> </head> <body> <form> <input type="text" value="ooooo" disabled> ...
input[disabled]{border:1px solid #DDD;background-color:#F5F5F5;color:#ACA899;opacity:1;}//IE6 Using Javascript to add CSS class "disabled" * html input.disabled{border:1px solid #DDD;background-color:#F5F5F5;color:#ACA899;opacity:1;} ...