在CSS中使用Twitter Bootstrap glyphicons

前端之家收集整理的这篇文章主要介绍了在CSS中使用Twitter Bootstrap glyphicons前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想添加一个Twitter引导字形代码来替换下面的CSS文件中的图像引用,但不知道如何. @H_404_2@.edit-button { background: url('../img/edit.png') no-repeat; width: 16px; height: 16px; }

在HTML中,我将添加如下:

@H_404_2@<i class="icon-search icon-white"></i>

有任何想法吗?

更新 – 尝试以下虽然它只显示在Firefox的firebug的宽度和高度:

@H_404_2@.edit-button { /* background: url('../img/edit.png') no-repeat; */ background: url(../img/glyphicons-halflings.png) no repeat -96px -72px !important; width: 16px; height: 16px; }

不知道为什么它不被拾起?

解决方法

那么为什么不使用< i>你的编辑按钮的标签?尝试这个: @H_404_2@<button type="submit" name="edit" class="edit-button btn btn-primary"> <i class="icon icon-edit icon-white"></i> Edit </button>
原文链接:https://www.f2er.com/css/217141.html

猜你在找的CSS相关文章