input 1 썸네일형 리스트형 TIL/JS 2023.05.25 리액트 커스텀 셀렉트 박스 만들기 개요 리액트에서 기본 셀렉트 태그가 아닌 자유롭게 스타일링할 수 있는 커스텀 셀렉트 박스를 만들어보자! 브라우저에서 기본 제공하는 셀렉트 박스에 대해 알아보고 원하는 스타일을 입힐 수 있도록 커스텀 셀렉트 박스를 만들어보기로 한다. 미리 보기 PC 모바일 셀렉트 박스 알아보기 셀렉트박스는 다양한 옵션 중에서 사용자가 하나를 선택할 수 있는 UI로 드롭다운 메뉴, 콤보박스 등 다양한 이름으로 불린다. 기본적으로 HTML의 태그와 태그를 이용하여 만들 수 있다. 기본 셀렉트 태그 먼저 기본 셀렉트 태그를 살펴보자. 샘플 이미지의 소스는 mdn의 예제 소스이다. 링크 PC 크롬 엣지 파이어폭스 모바일 크롬 카카오톡 브라우저 삼성 인터넷 브라우저 자체의 스타일이 있으며 CSS로 제어할 수 있는 부분이 적기 때문.. 이전 1 다음