Are There Specific CSS Selectors Targeting IE10?

css internet-explorer css-selectors css-hack vendor-prefix
kunambi picture kunambi · Sep 6, 2011 · Viewed 16.5k times · Source

Since IE is getting rid of conditional comments in version 10, I'm in dire need to find a "CSS hack" targeting IE10 specifically. Note that it has to be the selector that's getting "hacked" and not the CSS-properties.

In Mozilla, you can use: 

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}

While in Webkit, you usually do:

@media screen and (-webkit-min-device-pixel-ratio:0) {
  h1 {
    color: blue;
  }
}

How would I do something similar in IE10?

Answer

Alex Kloss picture Alex Kloss · Nov 6, 2012

The following example shows how to do this

/* 
 #ie10 will only be red in MSIE 10, 
 both in high contrast (display setting) and default mode 
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #ie10 { color: red; }
}

Warning: will probably work in IE11+, too.

Related questions

CSS Selector for <input type="?"

Is there any way with CSS to target all inputs based on their type? I have a disabled class I use on various disabled form elements, and I'm setting the background color for text boxes, but I don't want my …

Read More
IE: nth-child() using odd/even isn't working

My table (that works perfectly on Chrome, FireFox and Opera) is not displaying correctly on Internet Explorer. The background remains white! (I am using IE-8) CSS code: /*My Table*/ .my_table{ border-collapse:collapse; font:normal 14px sans-serif,tahoma,arial,verdana; …

Read More
Use :not() pseudo-class in IE7/IE8

is there any way I can get the :not() pseudo-class to work in Internet Explorer 7/8? Is there any javascript that can do the same thing as the CSS3 :not()?

Read More