CSS 콤보박스 스타일링 -
궁금한 내용 찾다보면 오히려 기본적인 내용 설명이 잘 안되어 있는데 여기는 기본적인 부분되게 정리를 잘해주셔서 아무것도 모르는데 도움이 된다.
아래는 옵션 박스 스타일링. 이거는 그냥 스타일시트에서는 안된다고. 자바스크립트를 써야 한다고 함ㅎ
내용을 보니까 셀렉트 박스의 옵션 자체에는 css가 적용이 안되는 게 참트루인 거 같고, 여기서 자바스크립트 쓰는 건 option 부분의 내용을 복사해서 select 태그와 option 태그를 div로 바꿔서 셀렉트 박스인것처럼 보이게 효과를 준다.
지금은 이렇게까지 해서 할 필요가 없지만 언젠가는 쓸 일이 있을 거 같음.
www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select
Tryit Editor v3.6
/*the container must be positioned relative:*/ .custom-select { position: relative; font-family: Arial; } .custom-select select { display: none; /*hide original SELECT element:*/ } .select-selected { background-color: DodgerBlue; } /*style the arrow inside
www.w3schools.com
728x90
