UI Components์ถœ์ฒ˜: CSS-Tricks์กฐํšŒ์ˆ˜ 1

Abusing Customizable Selects

By Patrick Brosset
2026๋…„ 3์›” 11์ผ
**Abusing Customizable Selects**

Web browsers ship new features all the time, but what fun is it if we canโ€™t build silly and fun things with them. In this article, letโ€™s go over a few demos that Iโ€™ve made by using the new customizable <select> feature, and walk through the main steps and techniques that Iโ€™ve used to implement them. I hope they get you as excited as I am about custom selects, and give you just about enough knowledge to get started creating your own. Yours might be more, you know, useful than mine, and probably for good reasons, but I like going a little bit overboard on silly ideas because that gives me a better chance to learn. Before we start, a word about browser support: the demos in this article only run on recent Chromium-based browsers because thatโ€™s where customizable selects are implemented right now...

---

**[devsupporter ํ•ด์„ค]**

์ด ๊ธฐ์‚ฌ๋Š” CSS-Tricks์—์„œ ์ œ๊ณตํ•˜๋Š” ์ตœ์‹  ๊ฐœ๋ฐœ ๋™ํ–ฅ์ž…๋‹ˆ๋‹ค. ๊ด€๋ จ ๋„๊ตฌ๋‚˜ ๊ธฐ์ˆ ์— ๋Œ€ํ•ด ๋” ์•Œ์•„๋ณด์‹œ๋ ค๋ฉด ์›๋ณธ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”.