firefox/opera의 버튼 패딩 문제

HTML의 버튼에 문제가 있습니다. 오페라에 버튼을 놓을 때 (수직으로) 중심에 있지만 파이어 폭스에서는 버튼 텍스트가 Opera의 웹 사이트 디자인을 망치는 것보다 약간 아래에 나타납니다.firefox/opera의 버튼 패딩 문제

#button-log { 
width:70px; 
height:30px; 
background-color:#1963FF; 
}

아무것도 특이한 바로 여기 :

여기

<input type="submit" value="Log In" id="button-log" />

가 CSS 코드입니다 : 여기

는 HTML 코드인가?

하지만 실제로 Firefox에서 로그인 텍스트가 표시되는 이유는 모르겠지만 Opera에서는 표시되지 않습니다.

누군가 도움이된다면 정말 대단합니다.

출처

2012-02-06 Sandro Vardiashvili

무엇 파이어 폭스와 오페라의 버전? Opera에서 버튼 주위의 검은 색 테두리와 다른 점을 보지 못했습니다. – animuson

고전적인 두통. 이 질문을 확인하십시오 : http://stackoverflow.com/questions/1679952/input-type-submit-text-vertical-alignment-in-firefox –

CSS 리셋을 사용하고 있습니까? 나는 당신이 http://necolas.github.com/normalize.css/ 체크 아웃하는 것이 좋습니다. 입력 유형을 사용하면 브라우저간에 일관성을 유지하는 데 도움이됩니다. – elclanrs

이 시도 ..

#button-log { 
    width:70px; 
    height:30px; 
    padding:3px 0; 
    background-color:#1963FF; 
}

출처

2012-02-06 18:00:41

버튼을 CSS에 line-height를 추가

#button-log { 
    line-height:24px; // or you can adjust accord to your need 
    width:70px; 
    height:30px; 
    padding:3px 0; 
    background-color:#1963FF; 
}

출처

2013-05-21 09:22:47 diEcho

firefox/opera의 버튼 패딩 문제

답변

관련 문제