CSS 폼의 높이

나는이 입력 텍스트와 입력 버튼을 가지고 있는데, 나는 그것들을 같은 높이로 얻으려고 노력하고있다 ... 당신은 오른쪽 상단의 http://www.taranmarlowjewelry.com/에서이를 볼 수있다 .... 그들은 같은 높이로 보일까? 그렇지 않다면 나는 어떻게 그들을 같은 높이가되게합니까? CSS 폼의 높이

<form class="product_search" style="font-size:0px !important;" method="GET" action="<?php echo $pp_url?>/" > 
<input name="product_search" id="wpsc_search_autocomplete" class="wpsc_product_search wpsc_live_search_embed .wpsc_live_search" autocomplete="off" style="padding:0px !important; height:23px !important;" /> 
<input type="submit" id="button" name="button" class="searchBtn" value="GO"/> 
</form>

및 CSS : 버튼 25 픽셀의 유효 높이를 갖는 반면

.searchBtn { 
    background-color: #FFA18A; 
    border: 0 none; 
    color: #FFFFFF; 
    cursor: pointer; 
    height: 25.5px; 
    width: 32px; 
}

출처

2012-07-04 user979331

추가 입력란에 & 왼쪽에 상자 추가 상자 크기 : 테두리 상자에 따라 테두리 너비를 설정하고 & 잘 작동합니다 & 예 "이동"단추의 줄 높이를 조정합니다 – SVS

텍스트 입력, 27px의 유효 높이를 갖는다.

봅니다 이러한 스타일을 추가합니다 :

.searchBtn{ 
    padding: 0; 
    height: 27px; 
}

출처

2012-07-04 18:00:45

고마워,) – user979331

그들을 백업하고 버튼을 추가 높이를 추가하여 입력에 국경을 보상해야합니다 다시 떠합니다. 당신이 정의 http://jsfiddle.net/wAgfe/

출처

2012-07-04 18:02:15

: 여기 예를 참조

input name="product_search" : height:23px !important 
input name="button" : height: 25.5px;

는 모두 높이를 통일하는 어떤 문제가 있습니까?

출처

2012-07-04 18:06:09 Stano

CSS 폼의 높이

답변

관련 문제