Hi There,
Hoping someone can help me here. I'm created the following to style the submit buttons of my multipage drupal webform. It works fabulously in every browser with exception of IE. (7-9). IE completely ignores the background colour and displays a lovely unreadable white test on a light grey background. I've tried everything but I'm clearly missing something. Any help would be greatly appreciated.
form.webform-client-form .form-actions .form-submit {
Margin-left:35px;
background: #f84368;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer
height: 38px;
width:auto;
font-size:16px;
border: 0px solid #f84368;
}
Comments
=-=
I'd research whether rgba works with IE.
I venture a guess that you may need an rgb fallback for IE.
I also seem to recall a bug in IE 7 with rgb shorthand.