- 새로운 HTML 요소
<selected-content>
를 사용하여 사용자 정의 선택 상자를 HTML과 CSS만으로 만들 수 있습니다. 🎉 <selected-content>
요소는 선택된 옵션의 HTML 콘텐츠를 렌더링합니다. 🎨- CSS의
appearance: base-select
속성을 사용하여 기본 선택 상자 스타일을 커스터마이징합니다. 🖌️ - 브라우저 지원 여부와 관계없이 기본 선택 상자로 작동하는 우아한 폴백(fallback) 기능을 제공합니다. 🛡️
- Chrome Canary 버전에서 실험적 웹 플랫폼 기능을 활성화해야 사용 가능합니다. 🧪
- 관련 정보는 Chrome 개발자 블로그의 코드 펜 컬렉션에서 확인할 수 있습니다. 🔗