Chromium 中的 HTML SVG 文本选择不起作用答案

【问题标题】：HTML SVG text selection in Chromium not workingChromium 中的 HTML SVG 文本选择不起作用
【发布时间】：2018-12-18 17:47:03
【问题描述】：

我有一个问题 - 当我尝试在元素中选择文本时，只有第一个字符被突出显示。我正在运行 Chromium 70.0.3538.77 (Official Build) Built on Ubuntu ，在 Ubuntu 16.04 (64-bit) 上运行。 Firefox 上不存在问题。基本 HTML：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
</head>
<body>
  <svg version="1.1">
    <g>
      <text y=20>
        wabalabadub dub
      </text>
    </g>
  </svg>
</body>
</html>

当我双击一个单词时，它会被整个选中，但我需要能够选择超过 1 个单词。那么，有人知道这个问题的解决方案吗？或解决方法:) 提前致谢。

【问题讨论】：

你可以尝试使用user-select: all;css-tricks.com/almanac/properties/u/user-select

标签： html svg text selection chromium

【解决方案1】：

错误似乎是视觉上的：Ctrl-c 到剪贴板，不仅突出显示的字母在那里，而且你将鼠标移到的所有内容；甚至使用 Shift+箭头扩展/减少您的选择似乎也可以正常工作。

我现在能想到的最好的方法是设置选择的样式，但选择似乎是有限的：

text::selection { fill:blue }

或多或少是我要工作的唯一一个，但会抑制所有背景颜色（在 Chromium 中，Firefox 会忽略该规则）。很遗憾，background-color、text-decoration 或 font-weight 属性无效。

【讨论】：

【解决方案2】：

显然，它是 Chromium 中的一个错误 - https://bugs.chromium.org/p/chromium/issues/detail?id=897752。谢谢大家的帮助。

【讨论】：