Question

所以，我有一个盒子，我想用作我的搜索框/输入框。虽然当我输入它时，我可以输入整个图像。

我想做的是，只能输入图像的空白区域？我会添加填充吗？

这是我的CSS：

input.searchbox {
background-color: #fff;
background:url(search.png) no-repeat;
width:250px;
height:41px;
border:none;
font-size:20px;
}

这是我的HTML：

<input type="text" class="searchbox" size="20" value="{Q}">

另外，我如何更改框内的文字大小？

Answer 1

您的图片是背景图片。因此，如有必要，文本将在其上书写。

尝试放入一个单独的图像，并在文本和文本之间留有一些余量。

Answer 2

取决于您的图像（文本位置，文本是什么）我使用表格来保存输入（带图像），然后在单独的列中有提交按钮，旁边有匹配的图像。

恕我直言，这实际上取决于您使用的图像以及您尝试将其与输入字段进行匹配的方式。