我想添加一个Twitter引导字形代码来替换下面的CSS文件中的图像引用,但不知道如何.
.edit-button {
background: url('../img/edit.png') no-repeat;
width: 16px;
height: 16px;
}
在HTML中,我将添加如下：
<i class="icon-search icon-white"></i>
有任何想法吗？
更新 – 尝试以下虽然它只显示在Firefox的firebug的宽度和高度：
.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>你的编辑按钮的标签？尝试这个：
<button type="submit" name="edit" class="edit-button btn btn-primary"> <i class="icon icon-edit icon-white"></i> Edit </button>
