【问题标题】:What is the browser-default background color when selecting text?选择文本时浏览器默认的背景颜色是什么?
【发布时间】:2018-03-24 04:11:31
【问题描述】:

当您在网页中选择文本时,背景会变为默认的蓝色。这种蓝色的确切颜色代码是什么?

【问题讨论】:

  • 这可能取决于您使用的浏览器。但您可能会在这里找到一些答案:stackoverflow.com/questions/2000628/…
  • 它也可能因操作系统而异。你想做什么?
  • 我认为这取决于操作系统,而不是浏览器
  • 你也可以用 CSS 3 改变它

标签: html css


【解决方案1】:
  1. Safari 6.0.3 Mac*#B4D5FE
  2. Chrome 26.0.1410.65 Mac*#ACCEF7
  3. Firefox 19.0 Mac*#B4D5FF
  4. Chrome 26.0.1410.64 m Windows 8+#3297FD
  5. Firefox 20.0.1 Windows 8+#3399FF
  6. Safari 5.1.7 Windows 8+#3298FD
  7. Internet Explorer 10.0.4 Windows 8+#3399FF

*使用 ColorSnapper for Mac 找到+使用 ColorSchemer for Windows 找到

以下是该信息的屏幕截图,其中十六进制颜色代码以相同颜色突出显示:


然而,这将是一个永无止境的列表,因为每个...

  1. 浏览器
  2. 操作系统
  3. 浏览器版本(可能)

...会有不同的颜色。此外,从 CSS3 开始,您可以使用以下方法更改颜色:

::selection{
    background-color:#000;
}

【讨论】:

  • 我明白我说得含糊不清,因为每个用户都可能有不同的设置,但 Firefox 颜色代码正是我想要的。非常感谢。
  • @yormazar 查看我的编辑,Windows 上的 Firefox 颜色代码不同。
  • 为什么我在trac.webkit.org/browser/trunk/Source/WebCore/css/html.css 看不到它?我很想知道 alpha 通道的实际值
  • 在 Chrome 上,背景颜色在 ui::NativeTheme::kColorId_LabelTextSelectionBackgroundFocusedkColorId_TextfieldSelectionBackgroundFocused 中定义。例如,macOS 上使用系统默认颜色 (GitHub link)。
【解决方案2】:

::selection CSS pseudo-element 将规则应用于文档中已被用户突出显示(例如,用鼠标或其他指针设备选择)的部分。

默认值取决于您使用的浏览器。它通常在 #3297fd 附近。

你可以这样改:

/* draw any selected text yellow on red background */
::-moz-selection { color: gold;  background: red; }
::selection      { color: gold;  background: red; } 

/* draw selected text in a paragraph white on black */
p::-moz-selection { color: white;  background: black; }
p::selection      { color: white;  background: black; }

【讨论】:

    【解决方案3】:

    选择背景颜色?这与浏览器没有任何关系,它是一个操作系统设置(并且通常是可定制的)。如果您真的想知道机器上的特定蓝色,请将其截屏并在任何可让您检查颜色的图形程序中打开它。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-12-24
      • 2015-11-18
      • 2011-06-07
      • 2012-06-19
      • 1970-01-01
      • 1970-01-01
      • 2020-11-28
      • 1970-01-01
      相关资源
      最近更新 更多