0

私はこの入力テキストと入力ボタンを持っています、私はそれらを同じ高さにしようとしています...あなたは右上のhttp://www.taranmarlowjewelry.com/でこれを見ることができます....それらは同じ高さに見えますか？そうでない場合、どうすればそれらを同じ高さにすることができますか？

<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;
}
4

3 に答える 3

1

テキスト入力の有効な高さは 27px ですが、ボタンの有効な高さは 25px です。

これらのスタイルを追加してみてください:

.searchBtn{
  padding: 0;
  height: 27px;
}
于 2012-07-04T18:00:45.387 に答える
0

それらを背中合わせにフロートさせ、ボタンに余分な高さを追加して、入力の境界を必ず補正してください。ここで例を参照してください: http://jsfiddle.net/wAgfe/

于 2012-07-04T18:02:15.297 に答える
0

以下を定義しました。

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

両方の高さを統一するのに問題はありますか?

于 2012-07-04T18:06:09.720 に答える