Multiple Submit Button Designs On Same Site?

Get Started
1

Hi,

I have a submit button which uses an image. However it overrides the other submit buttons I have on the site which styled in CSS.

Can anyone advise how I can have multiple designs on one site.

For example could I use “submit1” or “submit2” instead of just submit?

One solution which isn’t ideal is that I use a different CSS stylesheet for each page I want a different style button on.

2

The simple easy way is to give to every Submit Button a Different Class !! and that’s all… what is your CSS code for the submit button !?

3

Yes, best way is to use classes for each button.

<input type="submit" name="submit" value="Send" id="submit" CLASS="BUTTON_1"/>

.BUTTON_! {
 color: #fff;
 font-size: 0;
 width: 14px;
 height: 14px; etc
}
4

Thanks,

This sounds ideal. This is the code I am using so far? How can I apply a Class to these please?


<div class="followbuttonbox">
<input name="followbutton" type="submit" />
</div>


form input[type=submit] {
background : url("/images/follow.png") no-repeat center center;
width : 115px;
height :52px;
border : none;
color : transparent;
font-size : 0
}
5

Hi,

Can anyone advise how to apply a class to the CSS?

6

Webcosmo, in post 3, showed you how. :slight_smile:

7

Brilliant thanks. Managed to apply that quite easily.