Html （提交）按钮标签的样式部分

我有一个简单标记为：

<input type='submit' name='foo' value='Continue ⇢' class='button' />

示例

---

这里有一个

您必须将按钮文本作为一个整体，而不仅仅是一部分。为了达到您想要的效果，创建图像不是更容易吗？

我不这么认为，因为将

span

取出会将其从按钮中取出。最好的方法是使用

按钮

而不是像这样的

输入：
继续⇢
“最好不使用图像”是的，这可能是添加背景箭头的唯一解决方案。我们希望这里可以使用某种css伪元素。@Endophage他确实说过“有没有一种简单的方法可以做到这一点”。。。而一个图像将是最容易的。还可以绕过跨浏览器兼容性问题，尝试设计按钮。太好了，这就是我要找的。看看我更新的代码（当然还需要一些工作）：
<input type='submit' name='foo' value='Continue <span class='makemeatadlarger'>⇢</span>' class='button' />

<button type='submit' name='foo' value='Continue' class='button'>Continue</button>

.button:after  {
    content: ' ⇢';
    font-size: 220%;
    height: 26px;
    margin-top: -19px;  
    float: right;
}