javascript - 禁用的按钮颜色在 IE9 中未正确呈现

Question

在 Chrome 中，一个禁用的按钮显示为蓝色和边框颜色，背景颜色符合预期。但在 IE9 中文本颜色显示为灰色。

CSS:

 fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
      background-color: #fff;
      border-color: #ccc;
    }
.st-btn-default {
  border: 2px solid #227ab9;
  padding: .49rem .75rem;
  color: #227ab9;
}

html:

<input id="buttonPrev" type="button" class="localize btn btn-default st-btn-default" lang="previous" value="Previous" disabled>

Answer 1

禁用属性在 IE9 中部分工作 check here for more details