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?

Also.

The forms I want to take these effects look something like this:

<form action="contact_us.php" method="POST">
			<br />Title:<br />
			<input type="text" name="title" MAXLENGTH="30" value="<?php echo $Ftitle; ?>" />
			<br /><br />
			Email:<br />
			<input type="email" name="emails" MAXLENGTH="30" value="<?php echo $Femail; ?>" />
			<br /><br />
			Content:<br />
			<textarea name="content" rows="15" cols="40"><?php echo $Fcontent; ?></textarea>
			<br />
			<br />
			<input type="hidden" name="submits" value="Submit" />
            <input type="image" src="images/submit_button.jpg" alt="Submit" />
			</form>

The problem here though is the button image gets this kind of rounded rectangular around the image, which shows effect when hovered over, I would like to drop this effect as well, but still keep the effects on the other fields of this form.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.