关于光标选择日语文本时附带上注音内容

1 问题背景
之前在使用html结构的日语词典时,有一个经常苦恼的一个问题,就是每次想选中带有注音的文字的时候,总是会被迫选中上面的注音假名。如下图↓

2 解决过程
但是一直没有仔细去想如何解决这个痛点,甚至一度以为这是html结构特性带来的无法解决的问题。

今天尝试了一番,一顿操作猛如虎,但是效果甚不理想。

正苦恼中,突然想到要不直接给 rt 添加一个 user-select: none;

就成功了,解决方法就是这么简单,鼠标光标选择效果如下图↓:

或许对于熟悉html的坛友,这个可能只是个微不足道的小技巧。

但是我从论坛里获取到的带有日语注音的词典似乎都没有这样给rt设置。

或许不少不太懂html的坛友也正在苦恼这个问题,所以我觉得这个帖子多少还是有发一点的价值。

3 省流

在词典css的最底下追加一条css:

rt {
    user-select: none;
}
9 Likes

这个功能可以让词典软件加上,默认覆盖所有词典。


感谢坛友的经验分享,这个问题也困扰了我好久,但碍于没有html和css方面的知识,就一直将就着用了,这下解决了。

3 Likes

谢谢楼主。
这样要把内文贴到日中翻译方便多了。

1 Like

感谢楼主,非常实用

1 Like