How to edit the size of the submit button on a form?

Question

Hi I don't want an image for my submit button so I have gone with the default submit button but I want to edit its width and height. How do I do that?

<input type="submit" id="search" value="Search"  /> 

Thanks!

James

Answer 1

just use style attribute with height and width option

<input type="submit" id="search" value="Search"  style="height:50px; width:50px" /> 

Answer 2

Using CSS you can set a style for that specific button using the id (#) selector:

#search {     width: 20em;  height: 2em; } 

or if you want all submit buttons to be a particular size:

input[type=submit] {     width: 20em;  height: 2em; } 

or if you want certain classes of button to be a particular style you can use CSS classes:

<input type="submit" id="search" value="Search" class="search" /> 

and

input.search {     width: 20em;  height: 2em; } 

I use ems as the measurement unit because they tend to scale better.