Right.
Im styling my html forms and I have the effects on them exactly like I want. My main problem is that I dont want these effects to take effect on all forms. I have hover over effect on the text input fields.
The thing is I have some forms with alot of hidden fields and then only one button and the hover over effect as well as the gray background around the button are showing on these forms which I dont want.
This is my css:
.login {
background:url(../gfx/user.gif) no-repeat 95% 1em;
}
INPUT, SUBMIT {
font:bold 0.95em arial, sans-serif;
border:0px solid #ddd;
}
INPUT, TEXTAREA {
padding:0.15em;
border:1px solid #ddd;
background:#fafafa;
font:bold 0.95em arial, sans-serif;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;
}
INPUT, TEXT {
padding:0.15em;
border:1px solid #ddd;
background:#fafafa;
font:bold 0.95em arial, sans-serif;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;
}
SELECT, OPTION {
font:bold 0.95em arial, sans-serif;
padding: 2px;
background-color: #fafafa;
}
input:hover, input:focus {
border-color:#c5c5c5;
background:#f6f6f6;
}
fieldset div {
margin:0.3em 0;
clear:both;
}
label {
float:left;
width:10em;
text-align:right;
margin-right:1em;
}
legend {
color:#0b77b7;
font-size:1.2em;
}
legend span {
width:10em;
text-align:right;
}
fieldset {
border:1px solid #ddd;
padding:0 0.5em 0.5em;
}
.email {
width:14em;
}
input.default {
color:#bbb;
}
The forms I want to not have these effects is something like this:
<form action="upload_file.php" method="POST">
<input type="hidden" name="project_id" value="<?php echo $id_projects; ?>" />
<input type="hidden" name="add" value="Submit Bid" />
<input type="image" src="images/upload_file.jpg" alt="Upload File" />
</form>
How would I go about this?