CSS-Browser für ≥ IE10 hacken, war Index außerhalb der Grenzen des Arrays

Question

versucht, diesen Browser Selektor für hack Internet Explorer/Edge ≥ 10

_:-ms-input-placeholder, :root input[type="range"] { 
    display: block; 
} 

ich @Styles.Render("~/content/myCssBundle") verwenden, um in den mein CSS zu machen.

Aber wenn ich den Hack von oben in eine meiner CSS-Dateien aufnehmen, bekomme ich: Index war außerhalb der Grenzen des Arrays.

Der Bündler scheint ein Problem mit diesem CSS-Hack zu haben, sehr seltsam!

Answer 1

Während die oben Wähler auf das oben genannte Problem führt,
der folgende Selektor spielt gut mit der ASP.NET CSS Bündelung/Rendering-System:

> = IE10

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .YourSelector{ 

    } 
} 

Microsoft Edge Browser 12+ (Alle)

@supports (-ms-ime-align:auto) { 
    .selector { property:value; } 
}