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？

來源

2017-06-05 Vaccano

嘗試添加：

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

來源

2017-06-05 18:27:18 mariusfv

似乎沒有任何效果。如果你能讓jsfiddle與它一起工作，你可以分享它嗎？ – Vaccano

如果您在* :: - ms-backdrop無效後刪除逗號？在IE特定的選擇器有時修復問題之前，試着把這些東西放在一起：root。 – mariusfv

肯定不是來自服務器/瀏覽器的緩存問題？我沒有IE11，但我模擬瀏覽器到IE 11和您的代碼在IE 11中工作：https：//postimg.org/image/nzjedhzpz/。或Bootstrap中的.btn覆蓋您的代碼。 – mariusfv

Bootstrap 3禁止在IE11中禁用選擇的樣式

回答

相關問題