您的位置:首页 > Web前端 > BootStrap

bootstrap利用Font Awesome给选择添加checkbox图标

2016-01-08 14:13 597 查看
实现效果:鼠标移入打钩



代码:

a {
.btn;  //给a,应用.btn样式,
.btn-sm;
padding-left: 0;
padding-right: 0;
color: @gray;
&:hover,
&:focus,
&:active,
.active & {
color: @link-color;
}

&:before{  //添加checkbox
.icon-FontAwesome();
text-decoration: inherit;
display: inline-block;
speak: none;
content: @check-empty;
width: 16/14em;
text-align: right;
}
&:hover:before,  //鼠标移入打钩
&:focus:before,
&:active:before,
.active &:before {
content: @check;
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bootstrap