Jake Archibald 6/29/2026

The Goldilocks customizable select height

Read Original

This article explores the challenge of setting the perfect height for customizable <select> elements in CSS. The author shares their journey of figuring out a sizing pattern that works well, initially struggling and then getting help from Ian Kilpatrick. It covers default UA styles, anchor positioning, and popover-based demos for cross-browser compatibility. The tutorial includes code examples and a video demonstration, targeting web developers interested in advanced CSS techniques for custom form controls.

The Goldilocks customizable select height

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

No top articles yet