728x90
반응형
이렇게 화살표 이미지 넣어 보여주고 싶은데
이렇게 떠요~~~
없애고 싶은데 어떻게???
아래 내용 스타일에 넣어주면
크롬에서
-webkit-appearance:none; -moz-appearance:none
익스(10부터 됨)
select::-ms-expand { display: none; }
이렇게 잘떠요~~~
화살표 이미지 꾸미기
select {
height: 36px;
padding-left: 9px;
padding-right: 35px;
border: 1px solid #e0e0e0;
border-radius: 2px;
background: #fff url(이미지주소) no-repeat 0 -324px;
background-position-x: right;
font-size: 13px;
line-height: 30px;
vertical-align: top;
outline: transparent;
-webkit-appearance: none;
-moz-appearance: none;
}
select::-ms-expand { display: none; }
728x90
반응형
'웹디자인,퍼브리싱 > CSS' 카테고리의 다른 글
CSS - font 서체 Sans-serif Fonts와 Serif Fonts 의 차이 (0) | 2022.11.27 |
---|---|
css - 백그라운드에 이미지 넣기 / 백그라운드에 이미지 패턴으로 background-image/background-repeat /background-position (0) | 2022.11.27 |
css - 백그라운드에 색상주기 (0) | 2022.11.27 |
CSS- 텍스트 컬러 바꾸기 / 다양한 컬러값주기 (0) | 2022.11.27 |