Question

我正在尝试更改IE11中禁用的select的前景文字颜色。

我有一个例子，is working（在IE11中）只有纯HTML和CSS。

关键部分是这段代码：

select:disabled { color: green !important; }

但是，我添加了Bootstrap 3（but keep my code the same）：

在Chrome和Firefox中，颜色保持不变。
在IE11中，添加bootstrap 3会使前景返回到难以阅读的灰色＆＃34;。（btn引导样式中的某些东西似乎会导致这种情况。）

有没有办法让Bootstrap 3在IE11中不强制选择禁用的颜色为灰色？

Answer 1

尝试添加：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
        @media all and (-ms-high-contrast:none)
         {
         select:disabled { color: green !important; } /* IE10 */
         *::-ms-backdrop, select:disabled { color: green !important; } /* IE11 */
         }
</style>

在IE11中，Bootstrap 3阻止了禁用的样式选择

1 个答案: