CSS를 사용하여 버튼 높이를 변경할 수 없습니다.

버튼의 높이를 높일 수 없습니다. 기본적으로 계산 스타일로 18px로 표시됩니다. 너비 변경은 정상적으로 작동합니다. 내가 마진을 적용한 다른 모든 스타일 - 왼쪽, 상단도 작동하지만 왜 높이가 아니지 ??CSS를 사용하여 버튼 높이를 변경할 수 없습니다.

<input name="cancel" id="cancel" type="button" value="Cancel">

CSS는

input#cancel { 
    margin-top: 30px; 
    margin-left: 48px; 
    width: 70px; 
    height: 24px!important; 
}

나는 또한 당신이 브라우저에 표시됩니다 계산 된 스타일을 필요로하는 경우 알려줘이

#cancel { 
     height:24px; 
    }

같은 ID의 높이를 제공하기 위해 노력했다.

출처

2013-08-01 user2353513

계산 된 스타일을 게시 할 수 있습니다. 나는 여기에 추가 마크 업없이 이것을 시도했고 작동한다 : http://jsfiddle.net/mmzrP/ – framauro13

'display : inline-block;을 추가 해보자. – bmorenate

Nope. 인라인 블록은 도움이되지 않습니다. 나는 jsfiddle에서 1000px로 높이를 변경했습니다 - 버튼 높이가 증가하는 것을 보지 못했습니다 – user2353513

도와주세요 사용하지 않도록 클래스 사파리의 기본 버튼 스타일에 -webkit-appearance: none;를 추가 할 필요가

<input name="cancel" id="cancel" type="button" value="Cancel"> 
input#cancel { 
    margin-top: 30px; 
    margin-left: 48px; 
    width: 70px; 
    height: 42px; 
    -webkit-appearance: none; 
}

(이것은 나를 위해 일한이 FIDDLE

출처

2013-08-01 20:48:46 Danield

두 피들을 시도하고 1000px로 높이를 변경했습니다. 높이가 증가하지는 않습니다. – user2353513

어떤 브라우저를 사용하고 있습니까? – Danield

safari6.0.1 버전 – user2353513

를 참조하십시오 내가 주석으로 게시 바이올린 링크를 참조하십시오 귀하의 게시물에). 내 생각 엔 그 스타일과 상충되는 스타일이 있습니다. 높이 설정은 디스플레이 유형에 상관없이 작동하므로 다른 것을 높이 지정해야합니다.

출처

2013-08-01 20:51:12 framauro13

CSS를 사용하여 버튼 높이를 변경할 수 없습니다.

답변

관련 문제