微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐