CSS按钮值样式

Question

如果我有这行代码：

<input type="submit" class="mybutton" name="add" value="Add new"/>

如何使用CSS设置按钮值的样式？我需要在值之前添加一个图像，因此在值输出处需要以下代码行：

<span class="add">Add new</span>

我尝试过类似的事情：

<input type="submit" class="mybutton" name="add" value="">
<span class="add">Add new</span></input>

哈哈，但这完全没有任何意义。

有人给个小费吗？

编辑

哇，谢谢您的快速回复。忘了提一下，我使用的是“ sexybuttons”的.CSS文件，因此无法更改样式，而需要其他方法。

<button type="submit">

是我一直在寻找的东西。非常感谢大家。

Answer 1

您可以尝试使用button标记代替input。

<button type="submit" class="mybutton" name="add">
  <img src="path_to_image">
  <span class="add">Add new</span>
</button>

或者您可以background-image使用CSS为按钮设置一个。