---
type: note
kind: Reference
tags: ['select', 'css']
status: release
ctime: 2022-04-09
mtime: 2024-03-22
generated: { by: human:cbcruk, at: 2025-03-05T14:44:06Z }
verified: { by: claude/opus-5, at: 2026-08-19T00:00:00Z }
sources:
  - id: adrianroselli-2021-03
    resource: https://adrianroselli.com/2021/03/under-engineered-select-menus.html
    title: "Under-Engineered Select Menus | Adrian Roselli"
  - id: freecodecamp-news-how-to-build-an-accessible
    resource: https://www.freecodecamp.org/news/how-to-build-an-accessible-custom-dropdown-select-element/#dropdown-keyboard-interaction
    title: "How to Build an Accessible Custom Dropdown Select Element"
  - id: clhenrick-accessible-select-element
    resource: https://clhenrick.io/accessible-select-element/
    title: "Custom and Accessible Select Menus Aren't Easy: Part One – Chris Henrick"
---

[Under-Engineered Select Menus | Adrian Roselli](https://adrianroselli.com/2021/03/under-engineered-select-menus.html)

- `font`, `letter-spacing`, `word-spacing` 상속
- `appearance` 화살표 수정
- 상태(focus, required, invalid)에 따른 스타일 추가

---

- [How to Build an Accessible Custom Dropdown Select Element](https://www.freecodecamp.org/news/how-to-build-an-accessible-custom-dropdown-select-element/#dropdown-keyboard-interaction)
- [Custom and Accessible Select Menus Aren't Easy: Part One – Chris Henrick](https://clhenrick.io/accessible-select-element/)