IE 8 disabled textbox issue

Question

I have a disabled textbox, and i have applied the padding property to it and is working fine on every browser except IE8. Please see the below chrome image:

enter image description here

But in IE the same thing is shown as like:

enter image description here

CSS Code:

input[type=text]:disabled {    
    padding: 4px 9px !important;    
}

Please suggest me something how to solve this issue.

@VitorinoFernandes the please let me know what css should i apply to match the height, because i have tried everything and its does not seems to be working. — HarshSharma, Dec 15 '14 at 06:56

score 3 · Accepted Answer · edited Dec 15 '14 at 07:05

3

IE8 does not support the :disabled pseudo-class (see MDN).

Try using input[disabled] instead.

edited Dec 15 '14 at 07:05

Mr_Green

40,727
45
159
271

answered Dec 15 '14 at 06:57

Matijs

3,118
2
29
41

then what about mentioning the `type`, how to specify the type only as of `textbox` – HarshSharma Dec 15 '14 at 07:00
You can stack those `input[type="text"][disabled]` – Matijs Dec 15 '14 at 07:01

IE 8 disabled textbox issue

1 Answers1