If at first you don't succeed, call it version 1.0

Contact Me

Sarvesh Kushwaha
Email : sarveshkushwaha@outlook.com

Total Pageviews

Powered by Blogger.

Google+ Followers

Sunday, 8 June 2014

IE-10 right align text input issue


Remove Clear Icon - "X" from input fields of Internet Explorer

Recently i added style text-align to right of an input :
<input type="text" style="text-align: right;">

Issue :
But when someone types number in that then the last part of the text inside the textbox isn't displayed completely in Internet Explorer 10 as soon as the textbox loses focus.It because of its "Clear Icon - x".
Even they have fixed this in their latest version of Internet Explorere - 11.






How to fix this it For IE-10 :

Just add following css in your Main style sheet (Remove clear icon) :
::-ms-clear {
  display: none;
}

For any specif input do it like this :
.anyinput::-ms-clear {
    display: none;
}

Thats all folks :) :) .
Reactions:

0 comments:

Post a Comment