设置按钮禁用的三种方式

时间:2021-04-16

  <p><input type="text" disabled value="已禁用"/></p>

  <p><input type="text" disabled="disabled" value="已禁用"/></p>

  <p><input type="text" disabled=disabled value="已禁用"/></p>

  被禁用的input按钮默认显示灰色,只是文字显示灰色,背景颜色不变哦,如果想给disabled的按钮变化背景颜色,可以通过CSS修改样式。注:IE9及以下无法改变字体颜色。

input:disabled{
border: 1px solid #DDD;
background-color: #F5F5F5;
color:#ACA899;
}
//IE8-
input[disabled]{
border: 1px solid #DDD;
background-color: #F5F5F5;
color:#ACA899;
}
//IE6 Using Javascript to add CSS class "disabled"
* html input.disabled{
border: 1px solid #DDD;
background-color: #F5F5F5;
color:#ACA899;
}

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章