💅🏻 css

css slect 태그 꾸미기, 화살표 변경

(。θᗨθ。) 2022. 11. 24. 11:03
select{-webkit-appearance: none; -moz-appearance: none; appearance : none; background: url(/asset/images/cs/icon-inquiry.svg) no-repeat center right;}  /* 기본 화살표 삭제, 화살표 배경이미지로 변경 */
select:focus,
select:hover{background-image: url(/asset/images/cs/icon-inquiry_fcs.svg);} /* 화살표 배경이미지로 변경 */
select::-ms-expand {display: none;} /* ie에서 화살표 삭제 */
728x90