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 - Dreamweaver Tutorial
From the course: Building HTML5 Forms with Dreamweaver
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.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.