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

问题描述:

我试图更改IE11中禁用的select的前景文本颜色。Bootstrap 3禁止在IE11中禁用选择的样式

我有一个例子,它只有简单的HTML和CSS的is working(在IE11中)。

关键部分有这样的代码:

select:disabled { color: green !important; } 

但是,后来我加入引导3(but keep my code the same):

  • 在Chrome和Firefox,颜色撑改变。

  • 在IE11中,引导程序3的添加会导致前景返回到“难以读取的灰色”。 (有什么在引导btn风格似乎导致此。)

有没有办法让引导3不强制选择禁用颜色是灰色的IE11?

尝试添加:

<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> 
+0

似乎没有任何效果。如果你能让jsfiddle与它一起工作,你可以分享它吗? – Vaccano

+0

如果您在* :: - ms-backdrop无效后删除逗号?在IE特定的选择器有时修复问题之前,试着把这些东西放在一起:root。 – mariusfv

+0

肯定不是来自服务器/浏览器的缓存问题?我没有IE11,但我模拟浏览器到IE 11和您的代码在IE 11中工作:https://postimg.org/image/nzjedhzpz/。或Bootstrap中的.btn覆盖您的代码。 – mariusfv