일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- Git
- java
- MySQL
- AWS
- devops
- redis
- ubuntu
- db
- Web Server
- jsp
- Spring Boot
- springboot
- Spring
- elasticsearch
- Spring Batch
- 요리
- 맛집
- jenkins
- JVM
- Oracle
- php
- linux
- Gradle
- it
- tool
- laravel
- ReactJS
- Design Patterns
- IntelliJ
- javascript
Archives
- Today
- Total
아무거나
select box 디자인 화살표적용 css 본문
반응형
select {
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
background: url(이미지 경로) no-repeat 95% 50%; /* 화살표 모양의 이미지 */
}
/* IE 10, 11의 네이티브 화살표 숨기기 ( IE에서 디자인 적용안되는 현상 해결 ) */
select::-ms-expand {
display: none;
}
반응형
'Javascript & HTML & CSS > CSS' 카테고리의 다른 글
미디어쿼리 반응형 웹 해상도별 처리 (0) | 2019.12.26 |
---|---|
ul li 가로정렬로 메뉴만들기 (0) | 2019.12.26 |
모바일 스크롤바 항상 보이게 하기[ios 이슈] (0) | 2019.12.26 |
Comments