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>
似乎没有任何效果。如果你能让jsfiddle与它一起工作,你可以分享它吗? – Vaccano
如果您在* :: - ms-backdrop无效后删除逗号?在IE特定的选择器有时修复问题之前,试着把这些东西放在一起:root。 – mariusfv
肯定不是来自服务器/浏览器的缓存问题?我没有IE11,但我模拟浏览器到IE 11和您的代码在IE 11中工作:https://postimg.org/image/nzjedhzpz/。或Bootstrap中的.btn覆盖您的代码。 – mariusfv