【问题标题】:Override user-defined stylesheet in IE在 IE 中覆盖用户定义的样式表
【发布时间】:2014-05-13 00:14:54
【问题描述】:

我试图在 IE 中覆盖用户定义的样式表。具体来说,如果用户加载自己的样式表以实现可访问性,则字体真棒图标和字形图标不会显示在任何版本的 IE 中。我已经尝试在需要的地方包含 !important 值,但这不会生效。我还添加了一个 JS 函数来使用 font-family 和 !important 添加内联样式,但没有成功。

在 IE 检查器中,我可以看到字体真棒或字形图标的 :before 选择器的内容属性被划掉,但没有覆盖该属性。

有什么想法吗?提前致谢。

【问题讨论】:

  • 用户定义样式表的要点是不可覆盖......
  • 请提供示例标记、您的样式表和加载的用户样式表。
  • Bergi- 我理解用户定义样式表的意义。在这种情况下,如果加载了用户定义的样式,所有版本的 IE 都无法显示任何字体真棒图标或引导字形图标。我可以为你添加 css,但它实际上只是通用的 font-awesome css: .fa{ font-family: 'fontAwesome' !important;当我添加一个通用的用户定义样式表(没什么特别的)时,!important 似乎没有生效。 .fa-times:before { content: "\f00d"; 的 css } 在检查器中被划掉,但没有使用任何东西来代替被划掉的内容。
  • 另外,根据我公司的隐私,我不能分享任何其他内容。但我可以向您保证,用户定义的样式表是非常基本的。所有其他浏览器在显示应用了用户定义样式表的图标时都没有问题。
  • 如果您无法分享真实案例,您应该构建一个实际演示问题的最小案例。它不需要任何真实的内容,“foobar”就可以了。

标签: javascript css internet-explorer accessibility


【解决方案1】:

实际上,这个问题与 IE 没有渲染添加了 !important 属性的样式有关。我的问题主要是在 IE 中使用 Font Awesome/Bootstrap 的字体字形。我从 Adob​​e 找到了一种名为 Adob​​e Blank 的字体。这种字体是一种清晰的字体,它不占用视觉空间,除非用户样式被覆盖。这是font的链接。

【讨论】:

    猜你喜欢
    • 2010-12-02
    • 1970-01-01
    • 2015-02-01
    • 2016-02-12
    • 2013-02-16
    • 1970-01-01
    • 2013-12-05
    • 1970-01-01
    • 2016-06-10
    相关资源
    最近更新 更多