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

【问题标题】：Bootstrap 3 blocking styling of disabled select in IE11Bootstrap 3阻止IE11中禁用选择的样式
【发布时间】：2023-04-04 21:53:01
【问题描述】：

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

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

关键部分是这段代码：

select:disabled { color: green !important; }

但是，然后我添加了 Bootstrap 3 (but keep my code the same)：

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

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

【问题讨论】：

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案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>

【讨论】：

似乎没有任何效果。如果你能够让 jsfiddle 使用它，你能分享一下吗？
如果在 *::-ms-backdrop 之后删除逗号是否有效？尝试在 IE 特定选择器之前放置类似 :root 的内容，有时也可以解决问题。
确定不是服务器/浏览器的缓存问题？我没有 IE11，但我将浏览器模拟到 IE 11 并且您的代码在 IE 11 中工作：postimg.org/image/nzjedhzpz。或者来自 Bootstrap 的 .btn 覆盖您的代码。
我似乎无法让它工作。你可以试试这个小提琴：jsfiddle.net/Vaccano/5h25v2ua 看看它是否适合你？
我用你的小提琴来模拟 IE11，对我来说它可以工作：postimg.org/image/6o9fe79c5。是缓存问题还是 .btn 覆盖了您的代码（检查该页面上的整个 CSS）。