Saturday, 16 March 2013

How to Remove Cross Sign in Textbox in IE 10



Recently I am Using Windows8 and IE10. 
In Internet Explorer 10, I Observed lot of Changes in Text boxes, Scroll Bars and Combo Boxes....

Take a Look at the Below screenshot some Text in Input control.

 


These icons are coming by default IE 10 engine, so started think to remove these icons by CSS.

I thought there might be an some IE-specific CSS Rules.


Then I searched in msdn Dev Center I saw there are so selectors Pseudo-elements,
Using of these IE CSS Classes we can Applies more than one style to clear text Input control.


 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>IE10</title>
    <style type="text/css">
    ::-ms-clear
        {
             display: none;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>


Reference:

 
  




2 comments:

  1. what about IE 10 in IE 9 compatibility mode??

    ReplyDelete