Custom
Form Buttons
Change the style of form buttons with CSS
|
Custom
Form Buttons |
|
Custom Form Buttons with CSSWith cascading stylesheets, you can change the look of form buttons easily. By default, the color of form buttons are grey. Now using CSS you can change the color of form buttons, text size, font weight and border colors to suit the scheme of your site. Let's see how. Change background color
To change the color
of the button above we added this line of css code to the form html. STYLE="background-color:00BFFF"
Here is an example of the form html Change text size
To change the text size
of form buttons add this line of code and change the size to suit Change background color, font color and font size
STYLE="font-size:8pt; background-color:00BFFF; color:ffffff" Change the border color
STYLE="border-color="red" If you have more than one form button on a page, such as buy buttons for different products, you can change all the buttons by applying the stylesheet into the <head> of your html document. Remember that you don't need to add the # sign when using hex color codes with css. (If you want to copy the code below take it from the text area.) <STYLE type="text/css"> INPUT
{ background-color: blue; </STYLE>
If you would like
the text in your form buttons to "Flash" Click
here for the javascript!
|
|
