Question

注意：此问题与html <ruby>元素有关。它与红宝石语言无关。

我有一个网页，其中包含红宝石标记元素。这是一个简化的示例：

<html>
  <body>
    Before
    <ruby>
      <rb>XYZ</rb>
      <rt>This is base</rt>
    </ruby>
    After
    <body>
</html>

我希望自己的用法能够选择文本，将其复制/粘贴到另一个程序并获取

Before This is base After

但是，至少在Chrome中，复制的是

Before XYZ This is main After

如何更改我的标记以实现此行为？

我会对与浏览器无关的解决方案感到兴奋，但即使是仅Chrome也会有用。

FWIW，最初的规范草案似乎要求以某种方式使其工作。 https://www.w3.org/TR/ruby-use-cases/包含“在某些情况下，例如查找文本或复制文本，应忽略Ruby文本注释”这一行。但是该文档中对此没有详细讨论。

Answer 1

找到答案！

给出rt的{{1}}元素CSS。

（有关原理和浏览器兼容性的详细信息，请参见How to disable text selection highlighting中的答案）。