• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

HTML / CSS StyleSheet Question

Superwormy

Golden Member
Ok, I have a stylesheet, I want to make all <input type="text"> follow a set CSS style, BUT I want all <input type="submit"> to follow another.

I know I can do the following:

INPUT {
width: 15px;
}

BUT that makes all my submit buttons and reset buttons the same size as textfield entries. How can I avoid that?
 
<style>
.inputtext {width: 15px; }
.inputsubmit { width: 25px; }
</style>

<form bla bla bla>
<input type="text" class="inputtext">
<input type="submit" class="inputsubmit">
</form>


I am sure there are other ways, but that's the one I use.
 
But then I have to set class="inputsubmit" on EVERY single submit button, is there a way to just say all submit buttons follow this style...?
 
Try this (it does not work in all browsers though, so I can't recommend it):

<style>
input[type="submit"] {pos: 15px;}
</style>

I think it's a CSS2 command, so YMMV.
 
Back
Top