[RESOLVED] CSS: Over-riding all submit buttons

Hexxx

I want all the submit buttons on my site to have a specifc look (without remembering to put the class = in each one) Is there anyway to do this without using the classes?
I don't want them for all input boxes, just the submit button, but I don't know how to access the submit 'type' of the input box directly.

input.submit {
	border:5px #000000; 
	border-style:solid; 
	background-color:silver;
}
.button {
	border:4px #000000; 
	border-style:solid; 
	background-color:silver;
}

That is what I am trying to get but don't think it is right because I have to put the class with each input tag still.

bradgrafelman

Isn't there some fancy CSS2 method of doing this?

input[TYPE="submit"] {
    // css stuff
}

EDIT: And of course, wonderful Micro$oft IE doesn't understand CSS2. So, include a nice "Get FireFox" button (or just "Get a better browser than the piece of crap you are currently using, if you can detect IE) on your site 😉

EDIT2: Without adding style names to all of your submit buttons, the only other way I could think of doing this would be using Javascript to loop through every HTML element on the page and check if it's a submit button. If so, you can manipulate the style of the object via JS.

Hexxx

Ok... is that CSS2 ? because it is not working on the browser (yes IE) I got here. That (IE) is what mostly everyone else uses and since I am design the site for school (they dont use FF, that (IE) is most important)

bradgrafelman

Time to start adding style names to all of your submit buttons, then 😉

Feel free to curse Gates as you add each one. It helps me a lot.

Hexxx

ok guess it really can't be done easily in IE. For anyone who runs into a similar problem here is how to use the classes to do it http://www.webmasterworld.com/forum83/6207.htm

bradgrafelman

BTW, got my version numbers mixed up... guess that's CSS3, not 2... heh... woops.

Weedpacket

As it happens, that is CSS2 (which dates from 1998, so it's not like it's that new). §5.8.1, to be precise. It's also in CSS 2.1. It's amusing to note that in the 2004 revision one of the editors had a microsoft.com address, but in the latest draft he's shifted to Stanford University....