가급적 일반 링크는 a태그를, 스크립트로 동작하는 기능은 button태그를 사용한다.
그러다보면 button 안에 img 태그를 사용하게 되는 일이 많은데 파이어폭스에서는 묘한 여백이 생겨있다.
분명 margin과 padding 모두 0으로 해뒀음에도..
그럴땐 파폭 전용 css를 추가해주면 된다고 한다.
button.cart::-moz-focus-inner {
padding:0;
border:0;
}
http://taegon.kim/archives/3548
아예 리셋해놓는게 좋겠다.
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner
{padding:0; border:0;}
http://stackoverflow.com/questions/5517744/remove-extra-button-spacing-padding-in-firefox
'css' 카테고리의 다른 글
| 아이폰(아이패드) 사파리에서 버튼과 셀렉트에 그라데이션과 테두리곡선 (0) | 2015.08.31 |
|---|---|
| 사파리 테이블 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 |
먼지손