想给粗体文字增加背景颜色

想为粗体文字增加背景,让笔记层次更加清晰。进行了尝试,没有效果,请援手。

.cm-strong {
backgroud-color: var(–bold-color);
}
.theme-dark{
–bold-color: #228B22;
}

theme-light{
–bold-color: #228B22;
}

你这里最前面的短横线是中文的,应该是英文:--bold-color

还有你这样写是要把文字和背景色写成一样?应该区分出来吧?:

.cm-strong,
strong{
    background-color:#228B22!important;
}
body{
    --bold-color:#efefef;
}

效果如图(左编辑右阅读):
image

如何添加css脚本:【新手向教程】OB样式调整基础课:CSS入门科普

1 个赞

歪个楼,我也遇到加粗文字层级不够清晰的问题,我的做法是给它加加个0.5em的 「」

Screenshot_PixPin_PixPin_251119100603

2 个赞

问题已解决,万分感谢!

Another-dynamic-highlights插件也有挺多样式可选,应该也可以复用到粗体样式:

2 个赞

学到了,那个波浪线看起来挺实用的,又不占用原文宽度,又与现有样式有区分

请问这个是怎么实现的,看起来非常实用啊

我是直接用css实现的


strong::before , .cm-strong::before {
    content: "「";
    vertical-align: top;
    font-size: 0.5rem;
    color: #808080;  
} 


strong::after , .cm-strong::after {
    content: "」";
    vertical-align: bottom;
    font-size: 0.5rem;
    color: #808080;
}

strong , .cm-strong {
    font-weight: 1000;
    /* color:  颜色 ; */
}

2 个赞