跳转到主要内容

自定义 CSS

你可以添加自己的 CSS 规则,按任意方式更改 RemNote 的外观。

作者:Nova Nightfall

你可以编写并应用自定义 CSS 规则,修改 RemNote 界面任何部分的外观。CSS(层叠样式表)是一种格式语言,用来定义网页在屏幕上的显示方式。

这是一项高级功能,大多数用户都用不到。

注意:我们无法为具体的自定义 CSS 代码片段提供官方支持,也无法帮你研究如何用自定义 CSS 实现某种效果。不过,你随时可以在我们社区 Discord的 #custom-css 频道寻求帮助!


要创建自定义 CSS 规则,请使用自定义 CSS 设置这一多功能栏操作打开自定义 CSS 增强功能,然后点击添加空白 CSS 代码块按钮,再在新的代码片段中输入 CSS 规则。最好把「Snippet」标题改成能提醒你这段代码用途的名字。

「自定义 CSS」增强功能页面,带两个编号标注:(1) 「添加空白 CSS 代码块」按钮;(2) 点击后在下方生成的空白代码片段。

举个例子,下面这段代码会让所有指向带有 Stub 标签的条目的引用显示为红色并带下划线,而不是通常的蓝色:

示例 CSS 规则写在一个代码块里,代码块位于带复选框的条目「红色下划线的 Stub 引用」下面。

添加这条 CSS 规则后,引用会变成这样:

应用规则后的两个引用:带 Stub 标签的「反证法」显示为红色并带下划线,未加标签的「细胞的结构」仍是通常的蓝色。

上图中的 CSS 规则

.rem-reference-container[data-rem-tags~="stub"] * { 
color: red;
text-decoration: underline;
}

关于「自定义 CSS」页面如何使用,以及在哪里可以查到可用的 CSS 类和选项文档,请参阅蓝色信息框中的说明(见本文第一张截图)。

暂时禁用自定义 CSS

如果你在编写自定义 CSS 时出了严重错误,导致无法回到 RemNote 修复,或者想快速确认 RemNote 中的某些异常是否由自定义 CSS 引起,请查看这篇文章,了解如何暂时禁用它。

这是否解答了您的问题?