在 Markdown 中改变颜色<mark>标签</mark>

Question

我目前发现了 markdown 元素，它可以让我标记一些文本

<mark>Marked text</mark>

这导致了这个非常漂亮的 pdf 文本：

但是如何将颜色从默认的黄色更改为另一种颜色？

Answer 1

标记标签不是用于 Markdown，而是为了标记或突出显示文本。 它本质上是用来使文本看起来像是用荧光笔突出显示的，这解释了黄色背景。 在我的浏览器中使用检查工具，我看到mark的默认 styles 是：

mark {
  background-color: yellow;
  color: black;
}

因此，要更改颜色，请定义一些 CSS。 例如：

mark {
  background-color: GreenYellow;
}

Answer 2

我会建议这样的事情（使用内联css）。 请注意，我使用!important是因为在某些浏览器中可能需要强制执行该过程。

 <mark style="background: #00ced1!important">Marked text</mark>

或者，像这样的东西（使用外部CSS）。

 mark {background: red!important}

 <mark>Marked text</mark>

在这种情况下，该属性将应用于网页中的所有标记标签。
虽然此方法有效且绝对合法，但使用如下 css 属性会更好，也更传统：

 <p>this is a pretty paragraph with some <span style="background: blue">marked text</span></p>

希望这有帮助:)

Answer 3

你可以写

<mark style="background-color:burlywood;">Marked text</mark>

您可以将“burlywood”替换为您选择的任何颜色。