0

当我添加font-family: FontAwesome;到我的 CSS 时，它会在我的样式中添加以下内容：

element.style {
border-bottom-width: 7px;
border-bottom-style: solid;
border-bottom-color: red;
color: rgb(255, 0, 0);
}

这是我的样式表：

.addfavorite {
    padding: 5px;
    background-color: white;
    border-bottom: 1px solid gray;
}

.star {
    font-size: 20px;
    font-family: FontAwesome;
    padding-right: 5px;
    border-bottom-width: 0px!important;
}

.addfavorite span.star:before {
    content: "\f006";
    color: #999999;
}

.addfavorite span.star:hover:before, .addfavorite span.star:hover~span.star:before {
    content: "\f005";
    color: #e3cf7a;
}

当我删除font-family: FontAwesome;样式时，样式就消失了，但是当然，我失去了我的星星。

我添加border-bottom-width: 0px!important了一个临时修复程序，但不喜欢它仍然“存在”的事实。

html如下：

<div class="addfavorite"><span class="star"></span> Add To Favorites</div>

有任何想法吗？谢谢！

4

0 回答 0