在已经有伪元素的容器上使用 font awesome

Question

我需要在已经应用了伪元素（之前和之后）的 div 上显示字体很棒的图标。假设我有一个 div，一个 3d 效果纸，它使用伪元素。现在我想画一个联系我们的表格，它使用了很棒的字体图标。但是字体很棒的图标没有显示。

我试图在联系我们表单周围保留一个虚拟 div，并进行了明确的修复。但是还是不行

更新： http://jsfiddle.net/tss5Z/

<div class="slickbox row">
    <div class="col-md-6">
        <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
            <input type="text" class="form-control" placeholder="Name">
        </div>
    </div>
    <div class="clear"></div>

</div>
<div class="input-group">
    <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
    <input type="text" class="form-control" placeholder="Name">
</div>

Answer 1

我认为你的 CSS 有错误。

尝试删除类选择器后的空格...所以：

.slickbox :before, .slickbox :after { ...

会变成：

.slickbox:before, .slickbox:after { ...

等等。查看工作 jsFiddle。