Question

我尝试用自定义图片（PNG）替换shopisle中的购物篮图标。小米的问题是它同时显示图标和新图标。我在代码中忘记了什么来隐藏原始图标？

THX提前问候乔迪

/* search & basket icon */
.navbar-cart .glyphicon-search:before {
    color: #4CD9FF;
    font-size: 20px;
}
.navbar-cart span.icon-basket {
    color: #4CD9FF;
    font-size: 20px;
    content: '';
    background: url('your URL') no-repeat center;
    background-size: contain;
    width: 25px;
    padding-top: 10px
}

Answer 1

您的购物篮图标在:::锚点之前定义。

.icon-basket::before

这就是您应该设法对其进行自定义的地方。

.navbar-cart span.icon-basket::before {
    color: #4CD9FF;
    font-size: 20px;
    content: '';
    background: url('your URL') no-repeat center;
    background-size: contain;
    width: 25px;
    padding-top: 10px
}

替换搜索和购物篮图标购物

1 个答案: