Hi Paul,
You could put them in two separate containers/divs and give the one
containing the form elements you want to style an id.
Doesn't have to be a div though. You could use a list, or anything else that
is containing the form inputs you want to style.
For example:
<div id="cont1">
<input />
<input />
<input />
</div>
<input submit />
Then use:
#cont1 input {background:#000; color:#FFF;}
That way the submit button wont be affected.
Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk
T: +44 (0)20-8816-8893
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul Collins
Sent: 06 May 2008 13:52
To: wsg@webstandardsgroup.org
Subject: [WSG] Reset the styles on a submit button with CSS
Hi all,
Here's an odd one I can't seem to solve. I had to style all input fields in
a form with a black background, white text. Rather than give them a class,
I've just given all inputs this styling
EG: input {background:#000; color:#FFF;}
My issue is that the submit buttons now have this styling also in certain
browsers. I'd like to give them a class and set them back to their original
look, but background:none; doesn't work. Is there a way of doing this does
anyone know?
I am aware that I could give every field a class and add the black
background to that, but I'd like to do it the other way around and only have
a class for the buttons, less classy!
Any ideas?
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
