0

私はこの入力テキストと入力ボタンを持っています...私はそれらを添付してもらいたいと思っています

この例は、右上隅のhttp://www.taranmarlowjewelry.com/で見ることができます。

ご覧のとおり、入力テキストと入力ボタンの間にスペースがあります。

それらを添付しますか？

<form class="product_search" 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" />
<input type="submit" id="button" name="button" class="searchBtn" value="GO"/>
</form>

どんな助けでも大歓迎です、そしてあなたの時間に感謝します:)

  • J

また、ボタンの高さを入力テキストと同じ高さにするにはどうすればよいですか？

4

3 に答える 3

2

これをフォームに適用します。

.product_search{
   font-size:0px;
}

または、input要素を次々に同じ行に配置します。

<input name="product_search" .... /><input type="submit" ...
于 2012-07-04T17:33:23.173 に答える
0

次のことを試してください。

.searchBtn{
 padding-left:0px;
}
于 2012-07-04T17:31:05.487 に答える
0

次のことを試してください。

input[type=submit]
{
    margin-left:-6px;
}​

また、これをフィドルで見てください：

http://jsfiddle.net/Msq7y/

于 2012-07-04T17:35:00.690 に答える