【已解决】求BlueTopaz的挖空cloze样式

230222.挖空~BlueTopaz-1

最近在用 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;
}

试了一下应该能达到你说的效果(阅读模式) :smiley:

1 个赞

确实在阅读模式下实现了!感谢大佬,不过有几个小问题不知道能不能顺手解决下

  1. 阅读模式下显示原文本后是斜体,不知道能不能取消因为 *~~挖空文本~~* 两边有的 * 引起的斜体
  2. 编辑模式下能不能也实现下呢?

当然,现在这个 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 个赞

完美了,感谢大佬:smiley: