Issue
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
Solution
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.
Answered By - Paul Grime
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.