使用Bootstrap Glyphicons

Question

我正在尝试使用twitter bootstrap中的字形图标。我想使用伪元素:after，而不是之前。

Glyphicon.Glyphicon-搜索:在上面之前工作很好。

.glphicon.glphicon-搜索:以上操作无效后。

我做错了什么？

Answer 1

这是因为glyphicon类只能与:before和not :after一起使用。如果您查看CSS中的源代码，您将看到。下面是一个例子：

.glyphicon-asterisk

这个css看起来是这样的：

.glyphicon-asterisk:before {content: "\2a";}

如果是这样的话：

.glyphicon-asterisk:before,
.glyphicon-asterisk:after {content: "\2a";}

你就能做你的事了。您需要创建一个新类，并像这样添加内容：

.glyphicon-asterisk:after {content: "\2a";}

Answer 2

可能是语法问题。试试.glyphicon.glyphicon-search::after？