html按钮disabled状态,CSS定义inputdisabled样式的三种⽅法表单提交的时候我们经常会让提交按钮禁⽤，满⾜条件后按钮恢复，disabled禁⽤按钮后怎么⽤CSS来改变禁⽤disabled按钮的样式呢？下⾯看青岛星⽹：CSS定义input disabled样式的三种⽅法。
disabled 属性规定应该禁⽤ input 元素。
被禁⽤的 input 元素既不可⽤，也不可点击。可以设置 disabled 属性，直到满⾜某些其他的条件为⽌(⽐如选择了⼀个复选框等等)。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可⽤。
按钮禁⽤disabled的三种写法
被禁⽤的input按钮默认显⽰灰⾊，只是⽂字显⽰灰⾊，背景颜⾊不变哦，如果想给disabled的按钮变化背景颜⾊，可以通过CSS修改样式。注：IE9及以下⽆法改变字体颜⾊。
CSS定义input disabled样式的三种⽅法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;
htmlbutton属性
background-color: #F5F5F5;
color:#ACA899;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。