css - text-overflow 从 IE 中的伪元素继承字体

Question

我在 IE9 中遇到了一个可重现的奇怪错误，其中 text-overflow省略号继承了 :before 的字体样式和 :after伪元素。

参见 fiddle : http://jsfiddle.net/c7zgD/7/

这不会是一个大问题，除了在我的例子中，我使用图标字体作为一些文本的前缀，所以省略号作为缺失的字形出现。

有人知道解决这个问题的方法吗？

Answer 1

我过去使用过这个解决方案......在之前添加一个空字符:

.btn:before {
    content: '';
}

http://jsfiddle.net/tagliala/TtbuG/10/