Question

我尝试使用自己的设计制作特殊搜索表单，我想将文本输入和btn连接成一个，我尝试了所有可能的解决方案，但总是在文本输入和btn，

之间

这是代码：

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
<table border="0">
<tr>
<td><input class="search-box" type="text" value="" name="s" id="s" /></td>
<td><input type="submit" id="searchsubmit" value="Search" /></td>
</tr>
</table>
</form>

和css：

#searchsubmit {
background: #000000;
}
.search-box {
border: 1px solid #000000;
}

我的错误在哪里？

感谢。

Answer 1

#searchsubmit { margin-left:-3px }

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
  <input class="search-box" type="text" value="" name="s" id="s" />
  <input type="submit" id="searchsubmit" value="Search" />
</form>

但在iOS中看起来不正确，因为按钮是圆形的

http://jsfiddle.net/mplungjan/NnXcm/

Answer 2

取决于浏览器。在你的css中尝试这个来规范化表格（适用于许多浏览器，例如IE）：

 table{
    border-collapse: collapse;
    border-spacing: 0;
}

特殊搜索表格

2 个答案: