What actually happens to CSS in high contrast mode?
If you are implementing high contrast in your web application then use following code block for black-on-white and white-on-black contrast selection. This will work fine in IE.
@media screen and (-ms-high-contrast: black-on-white) {
/*
Put your styling code.............
*/
}
@media screen and (-ms-high-contrast: white-on-black) {
/*
Put your styling code.............
*/
}
@media screen and (-ms-high-contrast: active) {
/* put your styling rules here */
}
Works in IE and MS Edge. Tested in Windows 10.
Chrome does not know whether Windows 10 is in high-contrast mode.
Did you define colors for both text and background for your form elements?
Here's a relevant criteria from reference list Accessiweb 2.1 : On each Web page, are CSS declarations for colours for element background and fonts used properly? (Silver level equals WCAG 2.0 AA)
Relevant WCAG 2.0 Failure Technique is F24: specifying foreground colors without specifying background colors or vice versa
A recent WebAIM post about contrast mode: http://webaim.org/blog/high-contrast/
About the Google homepage: Google is known for browser sniffing and heavily modified pages depending on browser, logged on their services or not, JS activated or not. It'll even use SPDY protocol instead of HTTP (though that doesn't change the content received by the browser per se).
I wouldn't consider pages from this company for comparisons between browsers ;)