The challenge I am facing involves styling the background color of a hyperlink button. This styling works perfectly on Chrome, IE9, Firefox, and other browsers except for IE8. Further investigation revealed that IE8 does not support CSS properties such as button:not(.t-button), causing the styling to break.
I am wondering if I should create a separate CSS file specifically for IE8 or if there is a way to update the syntax to prevent this issue in IE8.
button:not(.t-button), .btn, a.btn, input[type="button"], input[type="submit"] {
display: inline-block;
padding: 0px 10px;
border: none;
margin: 6px 0 0;
height: 24px;
background-color: rgb(64,141,198);
font-family: 'Arial' ,sans-serif;
font-weight: bold;
font-size: 1em; /* 12 */
line-height: 2em;
color: rgb(255,255,255);
cursor: pointer;
box-shadow: none;
-webkit-appearance: none;
}
You can find a jsFiddle example here: http://jsfiddle.net/786wF/
Any assistance with this issue would be greatly appreciated.
Thank you, Bhavesh