disabled属性样式问题
disabled禁用表单字段。
虽然浏览器带有默认样式，但是在某些场景，比如button元素，我们通常都会自定义样式，这样将会覆盖浏览器的默认样式，造成disabled生效时，无明显现象。
从上图可以看出，自定义样式层叠的权重比较高，将浏览器的默认样式覆盖了。
readly适用于表单文本类元素(input[text,password,file],textarea)
readly可使文本框聚焦
disabled对a链接是无效的。
优点: 简单
缺点：只能禁止鼠标事件
readonly对以上三个元素无效。
方案：
- 设置disabled属性(将导致不提交此元素)
- 将元素的值存储在hidden中
html中input只读属性readonly 和 disable的区别
作用范围不同
disabled属性可以用语所有的表单元素；readonly属性只对input（输入框）、textarea有效；
对元素的影响程度不同
disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等；readonly属性只是将元素设置为只读，其他操作正常；
表单提交
disabled属性可以让表单元素的值无法被提交；readonly属性则不影响提交问题；
如何利用jquery来给input添加或删除disabled属性全部方法总结
一、以下二种方法是可以为input添加disabled属性的方法
1、$('#areaSelect').attr("disabled",true)
2、$('#areaSelect').attr("disabled","disabled")
二、以下三种方法是移除（去除）掉input的disabled属性的方法
1、$('#areaSelect').attr("disabled",false)
2、$('#areaSelect').removeAttr("disabled")
3、$('#areaSelect').attr("disabled","")
三、移除或者删除所有input和select控件的disabled属性
1、移除所有select控件的disabled属性
$("select").each(function () {$(this).attr("disabled","");})
2、移除所有input控件的disabled属性:
$("input").attr("disabled","");
扩展资料
1、jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
2、disabled属性是控制这个控件是否可编辑、可用。disabled:true 就是不可用，disabled:false 就是可用。
jsp中disabled属性有什么作用
disabled属性就是让控件变成灰色不能点的样子，比如button加了disabled属性，就变成点不下去的灰色按钮
IE8浏览器下，被设置disabled属性后的元素修改字体颜色失效
我们项目中有一个需求是，当用户第二次编辑之前保存过后的表单时，对修改字段进行标红处理（即将字段值的字体颜色变为红色），然而在IE8下，发现并没有生效。
经过筛查发现IE8浏览器下，将input标签置disabled="disabled"属性后，再改变其字段值的颜色就不会生效。
原因是，在IE8下被设置了"disabled"属性的元素的前景色将被渲染为灰色且带有白色阴影
input[disabled] { color:#fff; opacity:1 }
disabled 默认是0.3,所以样式里一定要加opacity:1
how to change color of disabled html controls in ie8 usingcss
