How can I remove the cross sign and password reveal sign in the IE 9, 8 & 7 modes of IE 10?

Question

I tried following solution to remove "cross" & "password reveal" sign, but it works only in IE 10 mode. I want to remove "Cross" & "password revel" sign from every version mode (9, 8 & 7) of IE 10.

<style>
    ::-ms-clear{display: none;}
    ::-ms-reveal{display: none;}
</style>

I am sharing screenshot of demo form. Please suggest solution.

Below screenshot was taken from IE7

I don't know much about CSS code. So please give me more information so i can understand. — Ravi Majithia, Jun 28 '13 at 10:36
Sorry.I never use IE.So I didnt understand the question first.have u checked this link http://stackoverflow.com/questions/10842665/internet-explorer-10-windows-8-remove-text-input-and-password-action-icons — Arun Unnikrishnan, Jun 28 '13 at 11:22
I don't think those icons are present in IE 7, 8 and 9. maybe 9, but i'm pretty sure not 7 and 8 — Erik Funkenbusch, Jun 28 '13 at 20:41
@RaviMajithia - Changing the browser mode to IE7 is not actually using IE7. It's still IE10 with an IE7 "emulation" mode that isn't completely accurate. Those icons do not exist in a real copy of IE7. — Erik Funkenbusch, Jun 29 '13 at 06:16
You are right but my client operate IE browser this way. So i have to follow this method. — Ravi Majithia, Jun 29 '13 at 06:34
@RaviMajithia: do the users of the site use IE 10 in IE 7 mode? — Paul D. Waite, Oct 10 '13 at 10:31
@RaviMajithia: or does the client just test the site using IE 9/8/7 mode? — Paul D. Waite, Oct 10 '13 at 10:57
Put an `X-UA-Compatible` meta tag on your page to force it into `edge` mode, then you won't need to worry about compatibility mode any more. — Spudley, Oct 10 '13 at 11:39

score 1 · Answer 1 · answered Jun 28 '13 at 18:37

1

Try using more specific CSS selectors

<style>
    input[type=text]::-ms-clear{display: none;}
    input[type=password]::-ms-reveal{display: none;}
    .specific_input_class::-ms-clear{display: none;}
    #specific_input_element::-ms-clear{display: none;}
</style>

answered Jun 28 '13 at 18:37

mrmoje

3,714
3
20
18

No it's not workout. Can you suggest another solution. – Venkaiah Yepuri Jan 09 '14 at 07:21

How can I remove the cross sign and password reveal sign in the IE 9, 8 & 7 modes of IE 10?

1 Answers1