image - 图像精灵 - 表单提交按钮

Question

我可以为我的表单提交按钮使用图像精灵吗，尝试了一些东西，但似乎没有任何效果。

.button, .download, .OK, .file{
background: url(app/sprites.png) no-repeat;
 }


.button{
background-position: -1px -212px ;
width: 170px;
height: 30px;
}

我的表格

 <form action="add.php" method="post"  value="Username">
 <div style="float:left; margin-left:15px;"><input type="text" name="fbid" required></div>
<div style="float:left; margin-left:2px;"><input type="submit" value="Submit"></form>

Answer 1

现在你在输入上缺少一个类。

<input type="submit" class="button" value="Submit">

有了它就可以了。

我将它放入 jsFiddle 中，使用不同的图像，因为我无法访问您的图像。您可以使用该位置，以 32px 为增量。

jsfiddle.net/CzWCv

Answer 2

你有没有尝试过

<div class="button" style="float:left; margin-left:2px;"><input type="submit"
value="Submit"></form>

??