Style a submit without a class

[Ultragames]

I know i can make a class for a submit button, like this:

.mySubmit {
/* blah */
}

<input type="submit" class="mySubmit">


But how can I do this with out a class?

Something like:
.MyForm input type:submit
or something.

Can this be done?

[blain]

kind of

lets say you had the following code

<div id="container">
<h2>This is an example</h2>
<p>blah blah blah<span>blah</span>blah</p>

Then you could use the following css to apply formatting to the span tag

#container p span {}

So in theory you could do the same for your submit button.

Does that make sense?

[Ultragames]

Thats all fine if they are seperate tags. But im talking about styling all <input> tags one way, yet the <input type="submit"> gets its won style, WITH OUT a class.

[oldcrazylegs]

<input type="submit" style="background-color:white; color:black;" />

Go to http://www.w3schools.com/css/css_reference.asp

[Ultragames]

Neither of you have answered my questions.

I don't need a link to W3 on basic CSS. I know CSS.

I am simply asking how to apply a class to a submit, without putting ANYTHING in the submit tag to do it. You should be able to apply a class to it the same way you would with Blain's cascading content method.

A rule that states "This class applies to any submits inside any inputs inside this table"

Does anyone know how to do what I'm talking about?

[GJay]

input[type=submit] {
/*styles here*/

}
should work

[edit] had a mental block

[Ultragames]

I can't get that to do anything. But your trying to do what I'm after. Maybe theres a slight syntax error?

[mark87]

It's because that doesn't work in IE.

[Ultragames]

Dosnt work in FF either

[medigerati]

change your <input type="submit"> to <button type="submit"></button> and style it using form button {}

Just an idea...

[jkd]

input[type="submit"] {}

Will work in Firefox, Safari, Opera, and even IE7. What may not work is certain properties, since form widgets are notoriously difficult to style cross-browser.

[oldcrazylegs]

It's your own fault. You weren't very clear on what you wanted. Yes you can do that.

<style type="text/css">
div#content input {style rules here}
</style>
<div id="content">
<input type="submit" />
</div>

if you have two inputs but only want to style the last one do this.

<style type="text/css">
div#content input input {style rules here}
</style>
<div id="content">
<input type="submit" />
<input type="submit" />
</div>

read eric meyers books or join his css mailing list http://www.css-discuss.org/ for more information.

[_Aerospace_Eng_]

if you have two inputs but only want to style the last one do this.

<style type="text/css">
div#content input input {style rules here}
</style>
<div id="content">
<input type="submit" />
<input type="submit" />
</div>

That is incorrect. The last input is not in the previous input so it will not be styled.