最近在用 BlueTopaz 的挖空功能,*~~挖空文本~~*
,发现这个功能用于记忆挺有用的,但手机端上不想用 bt 主题,本来想自己去 style.css 把相关代码 copy 到一个新的 css 用的,但完全不懂 css,尝试了好久无果,问 chatGPT 也是一点用都没有,实在没办法才来论坛问的
不知道有没有大佬路过能帮下忙?还是说这个样式不能通过自定义 CSS 来实现吗?
em > del {
border-bottom: 1px dashed rgb(67, 157, 237);
text-decoration: none;
color: #00000000;
transition: color 0.5s;
}
em > del:hover {
color: #222;
transition: color 0.5s;
}
试了一下应该能达到你说的效果(阅读模式)
1 个赞
确实在阅读模式下实现了!感谢大佬,不过有几个小问题不知道能不能顺手解决下
- 阅读模式下显示原文本后是斜体,不知道能不能取消因为
*~~挖空文本~~*
两边有的*
引起的斜体 - 编辑模式下能不能也实现下呢?
当然,现在这个 CSS 样式已经可以用了,再次感谢大佬!
em > del,
.cm-em.cm-strikethrough:not(.cm-active > span) {
border-bottom: 2px dashed rgb(67, 157, 237);
font-style: normal;
text-decoration: none;
color: #00000000;
transition: color 0.3s;
}
.cm-active > .cm-em.cm-strikethrough {
border-bottom: 2px dashed rgb(67, 157, 237);
font-style: normal;
text-decoration: none;
}
em > del:hover,
.cm-em.cm-strikethrough:hover:not(.cm-active > span) {
color: #222;
transition: color 0.3s;
}
1 个赞
把之前的删了用这个就行
1 个赞
完美了,感谢大佬