CSS文本缩进-删除文本，但不使用：after添加内容

我使用的滑块无法修改导航文本（下一个/上一个），但我想用箭头替换文本

我添加了带有以下css的箭头：

#carousel .hero-carousel-nav .prev a:after {
 font-family: "Glyphicons Halflings";
 color:#FFF;
 content: "\e079";
}
#carousel .hero-carousel-nav .next:after {
 font-family: "Glyphicons Halflings";
 color:#FFF;
 content: "\e080";
}

如果我添加以下CSS，箭头和文本将消失

#carousel .hero-carousel-nav .prev a {
 text-indent:-9999px;
}

我想保留箭头但删除文本，这可能吗

导航的HTML结构为：

<ul class="hero-carousel-nav">
    <li class="prev">
        <a href="#">
          Previous
        </a>
    </li>
</ul>

您可以尝试以下方法：

---

根据defaut，伪元素是

内联的

元素，后面是

文本缩进

。 如果您将其设置为，

float

或

block

框，它将保持在视图中。 然后您仍然需要将其重置为

文本缩进
为
0
然后可以是：

#carousel .hero-carousel-nav .next:after {
 font-family: "Glyphicons Halflings";
 color:#FFF;
 content: "\e080";
float:left;/* or display:block */
text-indent:0;
}

使您的伪浮点和重置文本缩进为0；
#carousel .hero-carousel-nav .next:after {
 font-family: "Glyphicons Halflings";
 color:#FFF;
 content: "\e080";
float:left;/* or display:block */
text-indent:0;
}