【问题标题】:Custom Highlight Failing on Website网站上的自定义突出显示失败
【发布时间】:2012-03-06 05:29:34
【问题描述】:

我注意到在许多具有自定义突出显示颜色的网站上,如果您按 CTRL + A,默认突出显示颜色蓝色总是设法通过。这是为什么?在制作自己的网站时,我也有自己的自定义颜色,但我也有同样的问题。有谁知道如何防止这种情况发生?

http://www.smashingmagazine.com/、http://www.admixweb.com/ 都是 CTRL + A 问题的示例。

【问题讨论】:

  • 在什么浏览器中?在 FF3.6 和 Chrome17 中对我来说看起来不错。
  • 是的,我也没有任何问题。如果您谈论的是没有突出显示颜色集(或空白)的其他元素,那么您无能为力。
  • @Andres Ilich,也许是时候更新我的浏览器了,也就是 Chrome,但我已经有一段时间没有下载最新版本了

标签: javascript css highlight


【解决方案1】:

选择样式主要取决于浏览器,并且可能无法在所有浏览器中自定义。以下是如何配置此类样式的示例。

p.normal::selection {
    background:#cc0000;
    color:#fff;
}

p.moz::-moz-selection {
    background:#cc0000;
    color:#fff;
}

p.webkit::-webkit-selection {
    background:#cc0000;
    color:#fff;
}

这种样式使用起来风险很大,不应依赖。

【讨论】:

    【解决方案2】:

    Smashing Magazine 将他们的 CSS selection 声明如下:

    ::selection{background:#333; color:#fff}
    ::-moz-selection{background:#333; color:#fff}
    

    在我的 Mac 上按 Cmd + A 会产生 Chrome 12 中的预期行为。

    【讨论】:

      猜你喜欢
      • 2017-01-20
      • 2019-03-21
      • 1970-01-01
      • 2023-03-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多