HTML Chromium 中的 SVG 文本选择不起作用
HTML SVG text selection in Chromium not working
我有一个问题 - 当我尝试 select 元素中的文本时,只有第一个字符被突出显示。我是 运行 Chromium 70.0.3538.77(官方版本)构建于 Ubuntu ,运行 Ubuntu 16.04(64 位)。 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>
当我双击一个词时,它会 select 完整,但我需要能够 select 超过 1 个词。
那么,有人知道这个问题的解决方案吗?或者解决方法:)
提前致谢。
错误似乎是视觉性质的:Ctrl-c 到剪贴板,不仅突出显示的字母在那里,而且您将鼠标移到的所有内容都在那里;甚至 extending/reducing 您使用 Shift+箭头的选择似乎也能正常工作。
目前我能想出的最好办法是设置所选内容的样式,但选择似乎有限:
text::selection { fill:blue }
或多或少是我唯一需要工作的一个,但会抑制所有背景着色(在 Chromium 中,Firefox 忽略该规则)。不幸的是,background-color
、text-decoration
或 font-weight
属性无效。
显然,这是 Chromium 中的一个错误 - https://bugs.chromium.org/p/chromium/issues/detail?id=897752。感谢大家的帮助。
我有一个问题 - 当我尝试 select 元素中的文本时,只有第一个字符被突出显示。我是 运行 Chromium 70.0.3538.77(官方版本)构建于 Ubuntu ,运行 Ubuntu 16.04(64 位)。 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>
当我双击一个词时,它会 select 完整,但我需要能够 select 超过 1 个词。 那么,有人知道这个问题的解决方案吗?或者解决方法:) 提前致谢。
错误似乎是视觉性质的:Ctrl-c 到剪贴板,不仅突出显示的字母在那里,而且您将鼠标移到的所有内容都在那里;甚至 extending/reducing 您使用 Shift+箭头的选择似乎也能正常工作。
目前我能想出的最好办法是设置所选内容的样式,但选择似乎有限:
text::selection { fill:blue }
或多或少是我唯一需要工作的一个,但会抑制所有背景着色(在 Chromium 中,Firefox 忽略该规则)。不幸的是,background-color
、text-decoration
或 font-weight
属性无效。
显然,这是 Chromium 中的一个错误 - https://bugs.chromium.org/p/chromium/issues/detail?id=897752。感谢大家的帮助。