기본 select가 범용성 면에서는 더 좋습니다.
특히 모바일에서 자동으로 select를 인식하고 선택하기 쉽게 처리해주기도 합니다.
그러나 디자인이 이쁘지 않고 커스텀에 한계가 있다 보니 보통 select는 만들어서 쓰는 경향이 있습니다.
필요할 때마다 만들기도 귀찮고,
한 번 탬플릿으로 만들어두면 두고두고 편하게 사용할 수 있습니다.
그러기 위한 기초 화장만 입힌 커스텀 select를 만들어 봤습니다.
다들 자주 보는 곳에 저장한 후 필요할 때마다 꺼내 쓰시면 좋을 것 같습니다.
필요할 때마다 제 블로그를 방문하시는 것도 좋은 선택일 것입니다.
기본 select:
See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.
커스텀 select:
See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.
728x90
반응형
'개발' 카테고리의 다른 글
[프론트엔드] 폰트 쓰다 겪는 문제들 해결법 (1) | 2024.11.03 |
---|---|
프론트엔드 개발자에게 추천하는 사이트 모음 (특히 뉴비) (0) | 2024.10.20 |
개인정보보호를 아십니까? (2) | 2024.10.16 |
00님, 저희 페이지 검색해도 안 나오는데요?[5] (H tag 작성하는 법) (0) | 2024.10.14 |
00님, 저희 페이지 검색해도 안 나오는데요?[3] (robots.txt 작성하는 법) (0) | 2024.10.04 |