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：

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

来源

2012-07-04 user979331

添加浮动：左到输入栏和按钮添加框大小：边框，然后设置相应的宽度和它将工作正常和是调整“去”按钮的行高度 – SVS

文本输入具有27px的有效高度，而按钮具有25像素的有效高度。

尝试添加这些样式：

.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

回答

相关问题