有无办法临时取消显示下划线

疑问解答
,
1

比如同时用了高亮和下划线来标记文本，然后想要临时取消下划线的显示，以方便我聚焦阅读高亮内容，阅读完毕之后又能把下划线显示回来。以及临时取消高亮以便聚焦阅读下划线内容。
请问有插件或什么方法能实现吗，感谢。

2

可以，做一个CSS片段，不显示下划线的显示。然后找个插件，可以快速启用或不启用此插件。这样就可以按一下快捷键切换你想要的效果。

我只知道这两个都是可行且易行，我没做过。

3

image
image1906×1312 204 KB

这个插件可用，还有几个类似的，可以多试试。

1 个赞
4

CSS片段很好搞，可以学一下，或者找个其它大佬帮忙，我现在没时间做。

5

好的, 感谢, 按思路试了一下已经搞定了. 不过对css我有尝试快速地学一下, 但论坛内外资料只能说短的不够用长的看不下去, 就很尴尬.

6

取消下划线效果css

u{
    text-decoration:none;
}

取消高亮效果css

mark{
    background-color: transparent !important;
}

将这两个片段分别放入snippets文件夹中，需要时手动开启

1 个赞
7

如果是只要鼠标悬浮时取消下划线，那么用 hover 就行了，下面的css中 u 代表了下划线文本，我把它的样式设为 none 就在悬浮时没有下划线

u:hover{
  text-decoration: none;
}

高亮也是类似的，只不过把背景设成透明就可以

span.cm-highlight:hover {
  background-color: transparent;
}