IE 10 Hack

[ananda]

I need to implement IE 10 hack on Password field textbox.

thanks!

[CrocoDillon]

http://browserhacks.com/

you’re welcome!

[Paulie_D]

I wasn’t aware that IE10 needed hacking.

[CrocoDillon]

Openings post doesn’t give much info why either :P

[Paulie_D]

I think it might relate to the ‘eye’ thing…at least that’s what I can gather from StackOverflow

http://stackoverflow.com/questions/10842665/internet-explorer-10-windows-8-remove-text-input-and-password-action-icons

http://superuser.com/questions/490570/how-do-i-remove-the-eye-symbol-from-password-fields-in-windows-8

[CrocoDillon]

If that’s the case there are better solutions posted in those links than using a hack.

[jonathansampson]

If you want to remove the reveal pseudo element, use CSS:

::-ms-reveal {
display: none;
}

I covered this, and other pseudo elements, in [Designing with Pseudo Elements in IE10](http://sampsonblog.com/615/ie10s-pseudo-elements).

[Kitty Giraudel]

On topic, is there any way to sniff this `::-ms-reveal` pseudo-element with JavaScript to detect Internet Explorer 10+?

Still searching for hacks for Browserhacks.com. :)

[Kitty Giraudel]

Well, I guess that’s clever. I have to try this out. I’ll let you know asap.

[Kitty Giraudel]

Doesn’t work on BrowserStack.com; setup Windows 8, IE 10, 1024*768.

http://codepen.io/HugoGiraudel/pen/26c6e0b79723ff562a4d10b4a0d094a7

[Kitty Giraudel]

Thanks buddy. Hack successful. Pushing it to Browserhacks anytime soon.

[Senff]

But… it’s not really a hack, is it? :)

[Kitty Giraudel]

Well, it kind of is. Actually it really depends on how would you define a CSS hack.

If a hack is using something not on its principal purpose, then the following snippet definitely is one:

_::-ms-reveal, .selector { }

This doesn’t aim at styling the eye-input pseudo-element but the .selector element only for browsers which understand the eye-input pseudo-element. So ::-ms-reveal acts as a filter, not as a regular CSS selector.

[Paulie_D]

It’s a pseudo class isn’t it, so it’s not a hack to use it.

[Kitty Giraudel]

Pseudo-element: http://msdn.microsoft.com/fr-FR/library/windows/apps/hh465773.aspx.

[Author]

Posts