【问题标题】:text-overflow inheriting fonts from pseudo elements in IEtext-overflow 从 IE 中的伪元素继承字体
【发布时间】:2013-06-21 14:56:23
【问题描述】:

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

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

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

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

【问题讨论】:

  • 奇怪的是,Chrome 27 似乎将等宽字体赋予省略号而不是栗色。
  • 在 Chrome 28 中,省略号不会继承任何内容。嗯,我也无法在 IE 7、8、9 或 10 中执行此操作。你在什么操作系统上?
  • 我在 Windows 7 VM 上发现了问题

标签: css internet-explorer pseudo-element


【解决方案1】:

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

.btn:before {
    content: '';
}

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-20
    • 1970-01-01
    • 2011-09-29
    • 2018-02-06
    • 2013-08-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多