Nilambari
Nilambari

Reputation: 3

Changing the text in text box changes the width in IE 11

input::-ms-clear {
    display:none;
}

IE11 input width changes when clicked - this solution works for clicking the text box

Changing the text in text box changes the width in IE 11

http://jsfiddle.net/3TwKF/20/

Please let me know for any solution

Upvotes: 0

Views: 152

Answers (2)

Mats Kruger
Mats Kruger

Reputation: 115

It look like it is a bug in IE you can use margin on the child element.

How can I work around this IE11 layout bug related to table-cell, text-decoration, and padding?

So change your percentage based padding to px or em based wil fix the problem.

https://jsfiddle.net/3TwKF/22/

padding: 2px .5em;

Upvotes: 0

Libin C Jacob
Libin C Jacob

Reputation: 1138

Please change the css

table.fields input[type='text'], table.fields input[type='password'], table.fields select, .inpt 
    width: 98%; to width:100%

It will work. All the best

Upvotes: 1

Related Questions