0

HTML:

<form action="search.php" method="GET">
    <input type="text" name="q" value="Search for an item..." width="150" style="border: solid 1px black; padding: 3px;" />
    <input type="image" src="images/search_icon.png" style="width: 24px; height="30px;" /> 
</form>

我得到什么:

在此处输入图像描述

顺便说一句,如果我尝试在按钮上使用填充,它会将整个表单向下移动。

4

1 回答 1

1

尝试将输入上的垂直对齐属性设置为中间。

input {
    vertical-align: middle;
}

jsFiddle 示例

于 2012-04-20T16:24:17.103 回答