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 ;< /按钮>

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些