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;
}