html - 更改输入框 : input area with CSS/HTML

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

您的图像是背景图像。因此如有必要，文本将覆盖它。

尝试放入一张单独的图片，并在图片和文本之间留出一定的空白。