在CSS中使用Twitter Bootstrap glyphicons

我想添加一个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>

原文地址：https://www.jb51.cc/css/217141.html