Tuesday, August 3, 2010

Changing The Color Of A Form Button

Changing The Color Of A Form Button


Did you know you can change the color of your form buttons? Yup, it's easy. Just use CSS to do it.

Step 1: Getting Started

  1. On the Forms Category on the Objects Palette
  2. Click the Insert Button icon

Step 2: Opening your CSS Styles

  1. Go up to Window>CSS Styles
  2. Once open, create a new style for your form button. Name the style something relating to the coloring of form buttons. Let's say "buttoncolor".

Step 3: Editing the New Style's Background

Select a new color for the button from the Background

Editing the New Style's Background

Step 4: Applying the Style

  1. Select the button in your document and while it's selected, click the buttoncolor style to apply the style. You won't be able to see the colored button until you preview it in the browser
  2. Click F12 to Preview In Browser
Applying the Style
source:http://www.cbtcafe.com/dreamweaver/formbtncolor/formbuttoncolor1.html

No comments:

Post a Comment