CBT Cafe Logo  

CBT Cafe > Dreamweaver > Menus & Rollovers

Dreamweaver: 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



Home | Dreamweaver | Fireworks | Flash | Photoshop | Elements | PowerPoint| Ebay | QuickTime Pro | Flash 5 CD | Fireworks MX CD | QuickTime Support | Contact

Copyright © 1999-2011 CBT Cafe, All rights reserved

Flash®, Fireworks™, and Dreamweaver® are registered trademarks of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark

CBT Cafe | Multimedia Learning | Interactive Graphics