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

**URL:** <https://forum.freemdict.com/t/topic/37202>\
**Category:** 技术交流与词典编修\
**Tags:** 注音, js, html, 日语\
**Created:** [2025 年3 月 11 日 07:50 UTC](https://forum.freemdict.com/t/topic/37202 "2025-03-11T07:50:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

作者： ![woodcube](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/woodcube/32/68865_2.png) [@woodcube](https://forum.freemdict.com/u/woodcube)\
发布日期： [2025 年3 月 11 日 07:50 UTC](https://forum.freemdict.com/t/topic/37202/1 "2025-03-11T07:50:05Z")

</div>

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

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/7/d/7db908038b4c0e45b0e9793a9a5761bef6376f0c.png)

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

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

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

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

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/2/0/206c0d57062b00d34d02977a5e2098ad43492cb3.png)

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

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

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

**3 省流**

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

```auto
rt {
    user-select: none;
}

```

---

<div class="post-metadata">

作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\
发布日期： [2025 年3 月 11 日 07:59 UTC](https://forum.freemdict.com/t/topic/37202/2 "2025-03-11T07:59:42Z")

</div>

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

---

<div class="post-metadata">

作者： ![mokusa](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/m/a6a055/32.png) [@mokusa](https://forum.freemdict.com/u/mokusa)\
发布日期： [2025 年3 月 11 日 08:15 UTC](https://forum.freemdict.com/t/topic/37202/3 "2025-03-11T08:15:51Z")

</div>

![屏幕截图 2025-03-11 161403](https://forumcdn.freemdict.com/uploads/default/original/3X/d/d/dd8a964ccfb31723ab6b9fda5848b9169f944fcc.png)  
感谢坛友的经验分享，这个问题也困扰了我好久，但碍于没有html和css方面的知识，就一直将就着用了，这下解决了。

---

<div class="post-metadata">

作者： ![First\_Last](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/first_last/32/5_2.png) [@First\_Last](https://forum.freemdict.com/u/First_Last)\
发布日期： [2025 年3 月 11 日 12:59 UTC](https://forum.freemdict.com/t/topic/37202/4 "2025-03-11T12:59:57Z")

</div>

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

---

<div class="post-metadata">

作者： ![HIGH98](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/f07891/32.png) [@HIGH98](https://forum.freemdict.com/u/HIGH98)\
发布日期： [2025 年3 月 12 日 02:05 UTC](https://forum.freemdict.com/t/topic/37202/5 "2025-03-12T02:05:40Z")

</div>

感谢楼主，非常实用