css - 覆盖字形以使用旧时尚背景属性

标签 css twitter-bootstrap

我需要一种方法来覆盖 Bootstrap 的字形图标样式并使用传统的 CSS 背景属性而不破坏现有标记(例如 <i class="glyphicon glyphicon-comment"></i> )

这是我的尝试,但还是不行:

.glyphicon-comment:before {
    content: none;
}

.glyphicon-comment {
    background: transparent url('someurl') no-repeat 0 -380px;
}

编辑:

通过为 glyphicon 类指定高度和宽度来解决,如下所示:

.glyphicon {
    width:14px;height:14px
}

最佳答案

这适用于 http://getbootstrap.com :

.glyphicon.glyphicon-comment:before {
    content: none;
}

如果你不想保留图标的空间,你也可以试试

.glyphicon.glyphicon-comment {
    display: none
}

关于css - 覆盖字形以使用旧时尚背景属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21159272/

相关文章:

html - 带有 2 个响应列的 Bootstrap 4 流体 Flex 行

html - Bootstrap 3 : Fixed Right Sidebar

css - 媒体查询字体大小应用于所有设置,而不仅仅是目标设置

html - Flex 布局,其中每个子项的高度彼此相同 - 图像压缩问题

javascript - AngularJS:让元素跟随光标

google-chrome - Bootstrap - 使用 Chrome 输入(数字)

jquery - Bootstrap 子菜单不会折叠

python - 在 Django 中链接静态文件目录

javascript - 单击时无法激活导航栏中的 Bootstrap 下拉菜单

ruby-on-rails - 帮助将两种不同的样式应用于 Ruby on Rails 复数化方法