IE10 hack

ie10hack.css

/* 
    #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; }
}

With the removal of conditional comments in MSIE 10, the requirement for a way to throw CSS code only at this browser version appeared. The newly introduced -ms-high-contrast media query came to the rescue, but it had to work even in high contrast mode. I tested it in IE7-10, Chrome, Firefox, Opera and Safari.

WARNING: will probably also work in MSIE11 once that comes around the corner.

Update: This does not work in IE10 on Windows 7

Its work for me.
Thanks for share

It was an early test version of IE10 on Win7. The final version should work.

It also works on IE11.

Ok, IE works, but in Mozilla i try with:

@media only screen and (min--moz-device-pixel-ratio: 1.5) {
style go here
}
@media only screen and (-o-min-device-pixel-ratio: 3/2) {
style go here
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
style go here
}

and doesnt work.. any idea?

Another hack :

• IE 10/11

#element, x::-ms-clear {
style here
}

@crisgrim :

• FFX :

#element, x::-moz-placeholder {
style here
}

• Webkit/blink :

#element, x::-webkit-color-swatch {
style here
}

Hi Guys,

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

In this style does not validate in http://www.css-validator.org/validator. How to validate this style in css.
Please give any solution

Thanks

Since vendor extensions are part of the standards and are not supported by this validator, the validator is broken, not the style, which is valid in CSS3. Unfortunately, even the W3C's validator doesn't support vendor extensions for media queries.