Treehouse: Grow your CSS skills. Land your dream job.

Change the default gray color of an text field box to blue?

  • # October 22, 2009 at 2:46 pm


    I am using Dreamweaver and Spry Widgets to create a form. The form text boxes are always a default light gray. I want the box to have a light blue outline. Does anyone know a way to do this? Is it with CSS? In the widgets somewhere?

    Thanks for your help!

    # October 25, 2009 at 3:46 am

    try this


    give your input box an id. Mine is name

    then is your css do this

    input#name { border: 1px solid blue; }

    if you want the different background color, use

    background: blue; or whatever color you want using hex values

    so all together would be

    input#name { border: 1px solid blue; background: blue; }

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.