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.

enter image description here

In order to fix this, I added a border-style:inset to the input, and now inputs look alike in both ie8 and ie10.

enter image description here

However, the problem now is that when I zoom out, dropdown elements have a darker border-top than inputs.

enter image description here

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.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top