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

Question

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

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

我想让向右的虚线箭头大一点。

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

显然不起作用...有没有一种简单的方法可以做到这一点(我对添加大量的 outher div/spans 不感兴趣，最好不要使用图像)

更新 受到下面接受的答案的启发，我想到了这个:

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

Answer 1

我不这么认为，因为服用 span out 将其从按钮中取出。最好的方法是 button而不是 input像这样:<button type="submit" name="foo" class="button">Continue <span class='makemeatadlarger'>⇢</span></button>