Start a New Discussion button background is white in IE9
It displays as a red background in Chrome and Firefox 10, but in IE9 it is a white button with white text.
Any ideas how to fix this?
0
It displays as a red background in Chrome and Firefox 10, but in IE9 it is a white button with white text.
Any ideas how to fix this?
Answers
Hm, that's weird. Will check into it tomorrow.
Any update?
In danca/design/custom.css line 110 #f8f8f8 change it to #a23334
I had this same issue with the Bittersweet theme from Vanilla 2.1. The problem there was that IE9 doesn't understand the CSS3 gradient property used to style those buttons; looking at screenshots of DANCA, the problem might be the same here.
The fix was to add IE-specific CSS overrides to the theme's custom.css file for the buttons so that IE renders them with a single color instead of a gradient, like this:
.MSIE .BigButton, .MSIE .Button { background-color: #BA1900; }Replace #BA1900 above with your preferred color choice. This fix will work if the buttons in question use the BigButton or Button classes. If DANCA uses different class names for the buttons, then obviously you'll have to change it.
IE10 (from the Windows 8 consumer preview) correctly handles CSS3 gradients, but requires yet another override to work properly. With luck, by the time IE10/Win8 hits release, it will speak grownup CSS and it won't be a problem.