O'Reilly logo

Designing with Progressive Enhancement: Building the Web that Works for Everyone by Maggie Costello Wachs, Scott Jehl, Patty Toland, Todd Parker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter Seventeen. Select Menu

Native select elements look pretty simple, but in fact are robust and sophisticated widgets: they include a host of interaction features such as keyboard mapping for navigating and selecting options, single-letter type-ahead, and scroll-wheel support, to name a few.

Often a design will call for a custom look and feel for a dropdown select menu. It would be ideal if you could simply use CSS to style a standard select element and preserve the native functionality that web users have come to expect. However, browsers offer very limited support for styling these elements—styles are defined per browser (including text style and size, box outline and arrow style, dropdown options menu format, and scrollbar), and are ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required