Javascript 禁用属性不会更改Google Chrome中的颜色

Javascript 禁用属性不会更改Google Chrome中的颜色,javascript,html,css,google-chrome,internet-explorer,Javascript,Html,Css,Google Chrome,Internet Explorer,我有一个带有css类的html按钮 <button id="btnPrev" onclick="Prev()" type="button" style="WIDTH: 129px" class="buttons" disabled="">Previous</button> 上一个 在IE中,如果我设置为禁用,它会将按钮文本颜色从黑色更改为灰色。但在chrome中,它工作正常,但现在确实改变了按钮文本的颜色 有什么帮助吗?您应该能够通过执行以下操作来设置禁用按钮的外观样

我有一个带有css类的html按钮

<button id="btnPrev" onclick="Prev()" type="button" style="WIDTH: 129px" class="buttons" disabled="">Previous</button>
上一个
在IE中,如果我设置为禁用,它会将按钮文本颜色从黑色更改为灰色。但在chrome中,它工作正常,但现在确实改变了按钮文本的颜色


有什么帮助吗?

您应该能够通过执行以下操作来设置禁用按钮的外观样式

button:disabled {
   /* Your CSS */
}

您还需要执行
disabled=“disabled”
操作,而不是执行
disabled=“disabled”
,如果该特定按钮被禁用,您可以添加以下CSS将文本设置为灰色:

#btnPrev:disabled {
    color:gray;
}

检查此小提琴:当禁用颜色更改时


你看过你的例子了吗?你能给我提供IE禁用按钮文本的样式吗?
<button id="btnPrev" onclick="Prev()" type="button" style="WIDTH: 129px;" class="buttons" disabled>Previous</button>
#btnPrev:disabled {
    color:yellow;
}