Showing posts with label IE10. Show all posts
Showing posts with label IE10. Show all posts

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: