form response gif not displaying
I am using JQuery to submit a web form, and the response isn't showing up if you leave an input blank. I know why this is happening but don't know how to fix. The reason it doesn't show up is I am using fancy CSS3 gradient background in my input fields instead of blank background.
The CSS for my JQuery addClass if a field is left blank is:
.element input.highlight {
border:2px solid #9F1319;
background:url(../images/icons/iconCaution.gif) no-repeat 2px;
}
but since there already is a background specified in the CSS for input it doesn't over-ride. Hope this makes sense.
Any ideas to fix?