CSS自定義按鈕無法在Internet Explorer 9中正確顯示

Question

同樣，我也遇到了IE9和CSS的問題。

在這種情況下，我有一個按鈕，它在按鈕內的文字字母內顯示了一些奇怪的陰影或邊框。

這是示例： http : //jsfiddle.net/vYzcY/

.addToCart {
cursor: pointer;
max-width: 200px;
min-width: 136px;
height:26px;
text-align: center;
font-family: Arial,Helvetica,Verdana,Sans-serif;
font-size: 12px;
font-weight: bold;
padding: 1px 6px;
background-color: #492409;
color: white;
margin-top: 5px;
margin-bottom: 10px;
clear: both;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

謝謝！

Answer 1

這是由於將輸入設置為禁用導致的： disabled="disabled"

不幸的是，您似乎無法使用CSS修改IE中禁用輸入的文本顏色：

如何使用CSS在IE8中更改禁用的html控件的顏色