Obsidian 样式:美化行内代码样式

行内代码是一种常见的书写方式,比如我们读书时候,需要在文字中针对特殊文本进行着重强调,又或是需要显示重点的文字内容。

你一定在一些参考书,比如数学公式,特殊的文字内容中见过这样。


这是一个从 https://pkmer.cn/pkmer-docs/10-obsidian/obsidian%e5%a4%96%e8%a7%82/css-%e7%89%87%e6%ae%b5/obsidian%e6%a0%b7%e5%bc%8f-%e7%be%8e%e5%8c%96%e8%a1%8c%e5%86%85%e4%bb%a3%e7%a0%81%e6%a0%b7%e5%bc%8f 下的原始话题分离的讨论话题

该行内代码样式CSS,对在列表表格中的文本不生效,大佬能不能改下

实时预览时, 如果表格里写 inline code, 用的是 <code>xxx</code> 标签, 所以可以改成下面这样:

/*实时编辑*/
.markdown-source-view span.cm-inline-code, .markdown-source-view code {
	padding:4px;
	border-width:1px;
	border-style: solid;
	border-radius: 5px;
	margin-left:5px;
	margin-right:5px;	
}
.theme-light .markdown-source-view span.cm-inline-code, 
.theme-light .markdown-source-view code {
	color:black;
	background-color: #f6f1c6;
	border-color:#a7a2a2;
}
.theme-dark .markdown-source-view span.cm-inline-code, 
.theme-light .markdown-source-view code {
	color:black;
	background-color: #f6f1c6;
	border-color:#7c7575
}


/*阅读模式*/
.markdown-reading-view code {
	padding:4px;
	border-width:1px;
	border-style:solid;
	border-radius:5px;
	margin-left:5px;
	margin-right:5px;	
}

.theme-light .markdown-reading-view code {
	color:black;
	background-color:#f6f1c6;
	border-color:#a7a2a2;
}

.theme-dark .markdown-reading-view code {
	color:black;
	background-color:#f6f1c6;
	border-color:#7c7575	
}