html - 关于 bootstrap glyphicon glyphicon-th-list 有白色背景

Question

如何去除白色背景？我已经设置了 background-color:transparent 但仍然有白色背景。

这是一张图片:

我的 HTML 代码:

<span class="glyphicon glyphicon-th-list list-btn" data-toggle="collapse" data-target="#menu-content"></span>

这是我的 CSS:

.glyphicon-th-list {
 font-size: 170%;
 background-color: transparent;
 color:red;
 }

已更新

感谢所有评论和回复的人。我自己修好了。我回去阅读了我编写的整个代码，发现 list-btn:before 造成了问题。

.left-header-container  .list-btn:before{
    background: white; <<---delete problem slove
    left: 0;
}   

Answer 1

您是否尝试在背景颜色的末尾添加 !important？某些东西正在应用背景。检查页面上的元素并找出背景的来源。可能来自您的 list-btn 风格？你能提供吗？