【已解决】如何让不输入标题的callout不显示原本的标签

[S_S_S]

遇到的问题

想去除callout上方的标题，如以下效果：

预期的效果

当callout最上方没有填写标题时，把类似“NOTE”这样的字样去掉（最好可以选择只去除文字NOTE“或文字和笔符号都去除），但是保留callout的背景

[Azona77]

css中无法区分是否填写了标题，应该需要写js解决

[the_tree]

我能想到的是这样做：需要没有标题的callout，可以写 [!note-empty]，然后再根据这个来设置CSS，从而把标题部分隐藏掉

[the_tree]

/*隐藏整个标题栏*/
.callout[data-callout*="empty"] .callout-title {
    display: none;
}
/*仅隐藏标题*/
.callout[data-callout*="notitle"] .callout-title-inner {
    display: none;
}

.callout[data-callout^="abstract"],
.callout[data-callout^="summary"],
.callout[data-callout^="tldr"] {
  --callout-color: var(--callout-summary);
  --callout-icon: lucide-clipboard-list;
}
.callout[data-callout^="info"] {
  --callout-color: var(--callout-info);
  --callout-icon: lucide-info;
}
.callout[data-callout^="todo"] {
  --callout-color: var(--callout-todo);
  --callout-icon: lucide-check-circle-2;
}
.callout[data-callout^="important"] {
  --callout-color: var(--callout-important);
  --callout-icon: lucide-flame;
}
.callout[data-callout^="tip"],
.callout[data-callout^="hint"] {
  --callout-color: var(--callout-tip);
  --callout-icon: lucide-flame;
}
.callout[data-callout^="success"],
.callout[data-callout^="check"],
.callout[data-callout^="done"] {
  --callout-color: var(--callout-success);
  --callout-icon: lucide-check;
}
.callout[data-callout^="question"],
.callout[data-callout^="help"],
.callout[data-callout^="faq"] {
  --callout-color: var(--callout-question);
  --callout-icon: help-circle;
}
.callout[data-callout^="warning"],
.callout[data-callout^="caution"],
.callout[data-callout^="attention"] {
  --callout-color: var(--callout-warning);
  --callout-icon: lucide-alert-triangle;
}
.callout[data-callout^="failure"],
.callout[data-callout^="fail"],
.callout[data-callout^="missing"] {
  --callout-color: var(--callout-fail);
  --callout-icon: lucide-x;
}
.callout[data-callout^="danger"],
.callout[data-callout^="error"] {
  --callout-color: var(--callout-error);
  --callout-icon: lucide-zap;
}
.callout[data-callout^="bug"] {
  --callout-color: var(--callout-bug);
  --callout-icon: lucide-bug;
}
.callout[data-callout^="example"] {
  --callout-color: var(--callout-example);
  --callout-icon: lucide-list;
}
.callout[data-callout^="quote"],
.callout[data-callout^="cite"] {
  --callout-color: var(--callout-quote);
  --callout-icon: quote-glyph;
}

[S_S_S]

（帖子已被作者删除）

[S_S_S]

感谢大佬！解决了！！