PDA

View Full Version : IE8 button with icon has no border



glafrance
1 Aug 2013, 4:24 PM
I'm applying the following to button border but in IE8 the border does not appear:


border-width: 1px;
border-color: #8f9396;
border-style: solid;
color: #333333;
font-weight: bold;
font-family: Arial;
font-size: 12px;
padding-top: 0;
padding-left: 0;
padding-bottom: 0;

glafrance
2 Aug 2013, 9:15 AM
Wondering if anyone can comment on this.

evant
2 Aug 2013, 2:46 PM
Have you looked at the underlying markup? The way IE(old) renders buttons is quite different to how it happens in modern browsers. To achieve the rounded corners, there's a whole bunch of extra icky markup that's part of the button DOM.