Chapter 4 Styling

Almost every new front-end web developer I’ve ever spoken to seems to draw the same conclusion I did when beginning to learn CSS: forms are very, very tricky to style! There are a lot of complex elements involved here. We have text input boxes of two varieties (the input fields and the textareas). There are select menus of two varieties: single item select menus and multiple item select menus. We have radio buttons, checkboxes, labels, fieldsets, legends, buttons … all sorts of components that can require a lot more effort than your typical paragraph or heading—especially if the design is highly customized. And to top it all off, it seems that every single browser renders these elements completely differently!

Making ...

Get Fancy Form Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.