Question

我有这个输入文字和一个输入按钮......我希望将它们附加

您可以在右上角的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

另外，如何让按钮的高度与输入文本的高度相同？

Answer 1

将此应用于您的表单：

.product_search{
   font-size:0px;
}

或将input元素放在同一行中：

<input name="product_search" .... /><input type="submit" ...

Answer 2

尝试以下方法：

.searchBtn{
 padding-left:0px;
}

Answer 3

尝试以下方法：

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

另外，请在小提琴中看到这一点：

http://jsfiddle.net/Msq7y/

CSS输入样式

3 个答案: