아이폰의 사파리에서는 버튼에 그라데이션과 테두리곡선이 기본으로 들어가있다.
이는 css로 배경색을 넣고 해도 없어지지 않더라.
appearance:none; 처리하면 없어진다. 다만 -webkit- 을 붙여서 -webkit-appearance:none; 으로 해줘야 한다.
그리고 select에도 같은 현상이 있다.
input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
select의 경우 위의 방식으로 배경을 없애버리면 펼침버튼(▽)도 같이 사라지기 때문에 테두리만 리셋했다.
'css' 카테고리의 다른 글
| 파이어폭스 버튼 내부의 여백 (0) | 2015.10.01 |
|---|---|
| 사파리 테이블 col width (0) | 2015.07.19 |
| 상단에 fixed된 메뉴가 있는 페이지에서 해시링크(#) 이동 (0) | 2015.05.12 |
| 구글나눔고딕폰트를 사용하는데 bold에 extra bold가 적용돼? (0) | 2014.12.10 |
| ie7에서 버튼(input[type=button|submit],button)에 이상 여백 생기는 현상 (0) | 2014.08.26 |
먼지손