From the course: Building HTML5 Forms with Dreamweaver

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Styling inputs with CSS

Styling inputs with CSS - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

Styling inputs with CSS

- [Narrator] In the main, we style forms by drawing on CSS styling skills and for example, we can take a very plain form and add font color, margins, padding, alignment, define a font family. And we can add borders and corner radii for that slightly rounded input block. Nothing particularly tricky here but there are some tricky particularities to styling inputs. One of the most challenging is that browsers are very protective when it comes to input styling. They consider it part of their look and feel so for example, a select option input is styled like this in Firefox by default like this in Chrome but what if blue isn't your color scheme? Well I'm going to go into some ways that we can use work arounds and override the default styling that comes with some form inputs. So let's roll up our sleeves once more. Dissect what goes into styling forms and work through that next.

Contents