Make border:none;
and then apply border separately.
For Instance,
input [type="text"]{border:none; border:1px solid gray;}
This will make border to be uniform across all IE versions.
Hope this helps.
Question
I've seen that in ie10, input's default style is solid, as opposed to ie8 where it has a 3D shadow in the top and left borders.
In order to fix this, I added a border-style:inset to the input, and now inputs look alike in both ie8 and ie10.
However, the problem now is that when I zoom out, dropdown elements have a darker border-top than inputs.
Here's pretty much what I mean: jsfiddle
Any ideas?
No correct solution
OTHER TIPS
Make border:none;
and then apply border separately.
For Instance,
input [type="text"]{border:none; border:1px solid gray;}
This will make border to be uniform across all IE versions.
Hope this helps.