在IE9中无法正确显示已禁用的按钮颜色

时间:2015-07-08 09:44:31

标签: javascript jquery html css

在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>

1 个答案:

答案 0 :(得分:0)

已禁用的属性在IE9中部分有效 check here for more details