1 问题背景
之前在使用html结构的日语词典时,有一个经常苦恼的一个问题,就是每次想选中带有注音的文字的时候,总是会被迫选中上面的注音假名。如下图↓
2 解决过程
但是一直没有仔细去想如何解决这个痛点,甚至一度以为这是html结构特性带来的无法解决的问题。
今天尝试了一番,一顿操作猛如虎,但是效果甚不理想。
正苦恼中,突然想到要不直接给 rt
添加一个 user-select: none;
?
就成功了,解决方法就是这么简单,鼠标光标选择效果如下图↓:
或许对于熟悉html的坛友,这个可能只是个微不足道的小技巧。
但是我从论坛里获取到的带有日语注音的词典似乎都没有这样给rt设置。
或许不少不太懂html的坛友也正在苦恼这个问题,所以我觉得这个帖子多少还是有发一点的价值。
3 省流
在词典css的最底下追加一条css:
rt {
user-select: none;
}