禁用或更改 Firefox 的元素/图像突出显示颜色

Posted 2023-03-06

【中文标题】禁用或更改 Firefox 的元素/图像突出显示颜色

【英文标题】：Disable or change Firefox's element/image highlight color

【发布时间】：2014-02-02 03:39:07

【问题描述】：

我想摆脱某些元素（特别是图像）的褪色蓝色高亮颜色。这是一个Fiddle 用于示例目的。请注意，当您突出显示文本时，根据 CSS，它是适当的黄色。但是，当您拖动选择以包含小猫，和/或您只需按 CTRL+A 突出显示整个身体时，您会在图像周围获得褪色的蓝色选择颜色。

Chrome 可让您完全禁用和/或更改它。真的没有 Mozilla 等价物吗？因为显然::-moz-selection 不是答案：

div ::-moz-selection 
    background-color: yellow;

这仅适用于文本。使用 javascript 的方法呢？有这种事吗？

【问题讨论】：

http://***.com/questions/826782/css-rule-to-disable-text-selection-highlighting 的副本

不，不是吗？我不是在谈论文本选择。显示在 Fiddle 中的文本选择已更改。

【参考方案1】：

尝试使用此代码：

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

【讨论】：

我尝试将其应用于我的 CSS 中的“html”，但没有成功。由于某种原因，这是不正确的使用吗？我是否应该无法在“html”或“body”上为整个文档设置它？

【参考方案2】：

我认为您无法更改图像上高光的颜色，但您可以通过这样做完全摆脱高光：

div 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

小提琴：http://jsfiddle.net/6Qqzq/33/