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

Question

I currently discovered the markdown element, which lets me mark some text

<mark>Marked text</mark>

This results in this very nice looking pdf-text:

But how do I change the colour from it's default yellow to another colour?

Answer 1

The mark tag is not for Markdown, but to mark or highlight text for notation purposes. It essentially is used to make text appear to have been highlighted with a highlighter, which explains the yellow background. Using the inspect tool in my browser, I see that the default styles for mark are:

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

So, to change the color, define some CSS. For example:

mark {
  background-color: GreenYellow;
}

Answer 2

i would suggest something like this (using inline css). Note that i used !important because in some browsers it may be necessary to force the process.

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

alternatively, something like this (using external css).

 mark {background: red!important}

 <mark>Marked text</mark>

in this case the property is applied to in the webpage.
While this method works and is absolutely legitimate, it would be better, and more conventional, to use a css property like this:

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

hope this helped:)

Answer 3

You can write

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

You can replace "burlywood" to any color of your choice.