Javascript 更改SyntaxHighlighter的背景色

我正在使用上（使用谷歌博客）和，这个HTML代码

<pre class="brush:cpp" >
int myFunc()
{
  //do something
  return 1;
}
</pre>

int myFunc（）
{
//做点什么
返回1；
}

…生成此输出（请参见a）：

不过，我想将上面截图中显示的背景色改为灰色而不是白色。

现在，我对自定义web设计和自定义SyntaxHighlighter实现了解很少，但在我看来，查看此处的链接（）我应该能够通过某种方式将“背景”变量从默认设置的“白色”更改为灰色（例如：#E5E5），使用类似以下代码：

<style type='text/css'>
  .SOMETHING_HERE {
    background: #e5e5e5 !important;}
</style>

.这儿有东西吗{
背景：#重要；}

或者类似的事情（但也不起作用）：

.荧光灯{
最大高度：550px；
背景色：#E5！重要；
溢出y：自动！重要；
溢出-x：自动！重要；
桌子{
td代码{
.集装箱{
文本区{
背景：#e5！重要；
}
}
}
}}

---

我走对了吗？这可能吗？我该怎么做？

如果您不能完全控制.css或.js文件，就像我的情况一样（因为我遵循并正在使用），仍然可以自定义您的颜色和设置

您可以自定义此处显示的任何设置（），例如，如下所示

注意：我也在我的网站上写过如何做到这一点，这里：

使用默认主题，此HTML

<pre class="brush:cpp" title="test code">
int myFunc()
{
  //do something
  return 1;
}
</pre>

按照从上到下的顺序，如上图所示，我的标题背景颜色是白色，交替代码行1和2都是白色。注释是绿色的（

\008200

）。让我们改变这一切。将以下代码添加到您的blogger模板中，在标题的最末尾，就在

上方：

.荧光灯{
最大高度：550px；
背景色：#ff0000！重要；
溢出y：自动！重要；
溢出-x：自动！重要；
}
.syntaxhighlighter.line.alt1{
背景色：#99ff99！重要；
}
.syntaxhighlighter.line.alt2{
背景色：#99ff99！重要；
}
.syntaxhighlighter.comments、.syntaxhighlighter.comments a{
颜色：#000082！重要；
字体大小：粗体！重要；
}

现在，我已经将我的

最大高度

设置为550像素（制作一个很长的代码块，现在你会看到它被限制在这个高度，使用垂直滑块可以看到所有的高度），我的标题背景色是红色（

#ff0000

），我的代码背景色（两条交替线）是浅绿色（

#99ff99

），我的评论是蓝色的（

#000082

）和粗体的。按照此格式自定义在.css主题文件中看到的任何内容——例如，对于我来说，这里：

这是我的最终结果--与上面的默认外观非常不同：

请注意，我设置的

font-weight

参数只是可以应用的CSS样式。还有许多其他选择。请参见此处：

也张贴在这里：

[我的回答]

正如我所说，在我的网站上：

---

如果你要投否决票，请解释原因。经过许多令人沮丧的小时后，我把一切都弄明白了，看。

<pre class="brush:cpp" title="test code">
int myFunc()
{
  //do something
  return 1;
}
</pre>

.syntaxhighlighter {
  background-color: white !important;
}
.syntaxhighlighter .line.alt1 {
  background-color: white !important;
}
.syntaxhighlighter .line.alt2 {
  background-color: white !important;
}
...
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
  color: #008200 !important;
}

<style type='text/css'>
  .syntaxhighlighter {
    max-height: 550px;
    background-color: #ff0000 !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
  }
  .syntaxhighlighter .line.alt1 {
    background-color: #99ff99 !important;
  }
  .syntaxhighlighter .line.alt2 {
    background-color: #99ff99 !important;
  }
  .syntaxhighlighter .comments, .syntaxhighlighter .comments a {
    color: #000082 !important;
    font-weight: bold !important;
  }
</style>