【问题标题】:Webkit CSS - Selector to Change Color of HighlightWebkit CSS - 更改突出显示颜色的选择器
【发布时间】:2012-02-09 23:58:45
【问题描述】:

我注意到 this site 在 Chrome 中的一个很酷的效果,它可能是 Chrome 独有的,也可能不是 Chrome 独有的,但可能适用于所有 Webkit 浏览器。

当用户拖动以突出显示某些内容时,他们已将默认颜色更改为粉红色。

你能识别选择器吗?

我想看看是否有人知道描述这些效果的参考页面。

【问题讨论】:

    标签: css webkit highlight


    【解决方案1】:

    使用

    ::-moz-selection,
    ::selection{
        background: #fe57a1;
        color: #fff;
        text-shadow: none;
    }
    

    来自HTML5 BoilerPlate

    【讨论】:

    • 对 OP 的注意 - 这允许它在 Firefox 以及 Webkit 浏览器中工作。
    • 感谢您的链接和解决方案,很高兴问一个快速简单的问题
    • 另请注意,您不能合并两个选择器,否则会失败。意思是,::selection,::-moz-selection { ... } 不起作用。
    • 另外注意:这仅适用于段落中的文本 (

      )。这不适用于

      s.
    • @Mark 怎么来的? jsbin.com/qanagenuqa/1/edit - 对我来说它有效.. 至少在 Chrome 中
    【解决方案2】:

    我在那个页面中找到了这个 CSS:

    ::selection {
      background: #E02F86;
      color: white;
    }
    

    另外,试过here

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签