1

我正在尝试使输入表单具有背景图像，但是一旦将 CSS 类应用于输入，默认值就不会显示（如果没有应用 CSS 类，它确实有效）。这是HTML：

<form>
     <input type="text" class="emailInput" value="Enter your email address">
     <input type="submit" class="emailBtn" value="">
</form>

这是与之关联的 CSS：

input.emailInput {
color:#000;
background:url('images/emailBackground.png') no-repeat;
display:block;
width:313px;
height:31px;
text-indent:-5000px;
position:relative;
top:0px;
left:-2px;
border:none;
}
input.emailBtn {
background:url('images/emailBtn.png') no-repeat;
display:block;
width:55px;
height:38px;
text-indent:-5000px;
position:relative;
top:-32px;
left:323px;
border:none;
}

我完全不知所措。任何帮助将不胜感激。

4

2 回答 2

3

也许这text-indent:-5000px;导致您的文本位于可见区域之外。

于 2012-06-26T20:28:02.230 回答
0

这只是预感，但我很确定你的问题是text-indent:-5000px;. 考虑到您的文本输入元素的宽度比那里设置的值小得多。

另外，请注意：

http://luigimontanez.com/2010/stop-using-text-indent-css-trick/

因此，如果您希望您的页面与 Google 配合使用，您无论如何都不想使用它。

于 2012-06-26T20:29:04.120 回答