将彩色背景限制在 rmarkdown 中的方程区域

Question

我想为方程式添加彩色背景。我已经尝试了下面的代码，但不幸的是，彩色背景扩展到了边缘，而不是被限制在等式中。有人可以帮我吗？

---
title: "Untitled"
output: html_document
---

Some text

<div style="background-color: rgb(255,255,153);">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</div>

Answer 1

默认情况下，DIV 是块元素。 SPAN 是一个内联元素。

试试这个：

<span style="background-color: rgb(255,255,153);padding:10px;">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</span>

填充控制方程周围的颜色量。

Answer 2

您可以使用 CSS 样式来做到这一点。将其放入您的文档中，或放入包含在 YAML 标头中的单独 CSS 文件中：

<style>
span.MathJax {
  background-color: rgb(255,255,153)
}
</style>

这将使您的所有 MathJax 代码都具有黄色背景。如果您只想显示方程式，请使用

<style>
div.MathJax_Display > span.MathJax {
  background-color: rgb(255,255,153)
}
</style>

如果您只希望一个特定的等式具有颜色，那么您应该使用更具体的选择器，例如

<style>
#MathJax-Element-1-Frame {
  background-color: rgb(255,255,153)
}
</style>

您将在其中为第二个等式输入#MathJax-Element-2-Frame，等等。对于很多等式，这可能很乏味，因此您可以为要突出显示的那些添加一个类并选择它们， 例如

<style>
div.Highlighted span.MathJax {
  background-color: rgb(255,255,153)
}
</style>

This one is regular:
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$

This one is highlighted:
<div class="Highlighted">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</div>

根据 cmets 的说法，Bookdown 可能需要您请求 HTML-CSS 渲染，这可以通过鼠标右键单击其中一个方程式并按照菜单到 Math Settings | Math Renderer | HTML-CSS 来完成。