Tricky Tricks ›› Programming Tricks ›› CSS Tricks ›› Color Or An Image For An Input Button

Color Or An Image For An Input Button

CSS Tricks

Color Or An Image For An Input Button:

An example of a colored input button.

Here is the CSS code for colored input button.

<form action="put url here" method="get">
<input style="background-color: #8b008b; color: #ffff00; font-weight: bold; font-size: 10pt;" type="submit" value="Click Me">
</form>

An example of an input button with an image background.

Here is the CSS code for a image on an input button.

<form action="put url here" method="get">
<input type="submit" style="background-image: url(filename.gif); color: #0000cd; font-weight: bold; font-size: 13pt;">
</form>

Partners