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

Question

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

见小提琴：http: //jsfiddle.net/c7zgD/7/

这不会是一个大问题，除非在我的情况下，我使用图标字体来为某些文本添加前缀，因此省略号会作为缺少的字形出现。

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

Answer 1

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

.btn:before {
    content: '';
}

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