求 CSS 代码片段

（编辑中误选中动态引用改变不生效）

这似乎光靠 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,
});

​

大佬，好像是不起作用，如果不好实现，那就退而求其次，这是我目前用的代码，可以在这个基础上，去掉背景色、字体改成像括号一样的紫色、去掉下划线。

: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;
}

​

新增下面这个样式即可

.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]{
    background-color: transparent!important;
    border-bottom: none!important;
    color:rgb(137,87,229)!important;
}
​

效果

动态引用

静态引用

感谢大佬，生效了，还有个问题，还望解答，之前用过一个图标插件，后来删除了，新增加的引用都没有图标，但是之前的一些引用里面好多还带着图标也不知道怎么去掉，如图，怎么才能去掉这些图标。

怎么才能去掉这些图标

搜索，替换即可