html – 样式(提交)按钮标签的一部分

我有一个 submit button,简单地标记为：

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

我想让向右的虚线箭头变得更大.

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

显然是行不通的……有没有一种简单的方法可以做到这一点(我不想添加大量的外部div /跨度,而不必使用图像)

UPDATE
受到下面接受的答案的启发,我想出了这个：

HTML

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

CSS

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

例

继承人是live example over at jsfiddle

解决方法

我不相信,因为取出跨度将其从按钮中取出.最好的方法是按钮而不是像这样的输入：< button type =“submit”name =“foo”class =“button”>继续< span class ='makemeatadlarger'>⇢< / span&gt ;< /按钮>