css - 从内容 CSS 之前删除文本

Question

我有一个带有文本“建议”的标签链接，但在移动设备中我有一个 CSS 规则将它更改为一个图标，如下所示:

a:before {
    font-family: "Linearicons";
    content: "\e697";
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    position: absolute;
    top: 0;
    left: 0;
}

问题是在移动设备中还会出现文本“建议”，而我只想要图标。知道如何解决吗？

Answer 1

您可以添加另一个以确保隐藏文本，

a {font-size: 0px;}    

a:before {
font-family: "Linearicons";
content: "\e697";
display: inline-block;
font-weight: normal;
font-style: normal;
font-size: 22px;
position: absolute;
top: 0;
left: 0;
}