针对动态引用有以下要求：去掉下划线，去掉背景色，且不允许添加背景色（编辑中误选中动态引用添加不生效），字体颜色为特殊颜色（比如紫色），且不允许改变字体颜色（编辑中误选中动态引用改变字体颜色不生效），带中括号。
我现在使用的是 Savor 主题。
求 CSS 代码片段
本贴最后更新于 261 天前，其中的信息可能已经渤澥桑田
相关帖子
- 其他回帖
-
大佬，好像是不起作用，如果不好实现，那就退而求其次，这是我目前用的代码，可以在这个基础上，去掉背景色、字体改成像括号一样的紫色、去掉下划线。
:root { --b3-protyle-inline-blockref-color: var(--b3-theme-accent); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref]::before { content: "[["; display: inline-block; font-size: 100%; color:rgb(137,87,229); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref]::after { content: "]]"; display: inline-block; font-size: 100%; color:rgb(137,87,229); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]::before { content: "｢"; display: inline-block; font-size: 100%; color:rgb(137,87,229); transform: scale(1, -1); } .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]::after { content: "｣"; display: inline-block; font-size: 100%; color:rgb(137,87,229); transform: scale(1, -1); } span[data-type~=block-ref] { font-weight: unset !important; }1 回复是因为时间不够要忙别的所以我只写了个表示思路的架子啦；目xqh042 • -
（编辑中误选中动态引用改变不生效）
这似乎光靠 CSS 实现不了。
这里抛砖引玉放上个人的大致处理思路吧let content = document.querySelector("div.protyle-content"); let observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.addedNodes.length) { mutation.addedNodes.forEach(function (node) { // 拦截新增的 <span data-type="text" style="background-color: var(--b3-font-background4);">统使用或重建时心理</span> // 获取其内容，如果是块选择，找div updated属性检测内联style修改的情况 if (node.nodeName === "SPAN" && node.getAttribute("data-type") === "block-ref") { // 将内联style取消， } }); } }); }); observer.observe(content, { subtree: true, childList: true, characterData: true, attributes: true, });1 回复 - 查看全部回帖
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于