css - 如何删除垂直滚动条的SyntaxHighlighter块？

我是Web开发的新手，可能有一个主要问题。
我已经在自己的网站上安装了Joomla 2.5 CMS，下载，安装并打开了SyntaxHighlighter插件。然后启用bash语法，仅在我的页面中添加以下代码

<pre class="brush: bash">$ uname -a
Linux laptop 2.6.32-41-generic #89-Ubuntu SMP Fri Apr 27 22:22:09 UTC 2012 i686 GNU/Linux
$</pre>

我得到了这个结果

可以，但是我不知道为什么会出现突出显示的垂直滚动条。仅滚动一个或两个像素。因此，我尝试将以下代码添加到模板的CSS文件的开头

.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody {
  overflow-y: hidden;
}

它没有帮助我，我认为问题更加严重。您对如何删除此垂直滚动条有任何想法吗？

更新如果我在模板的!important中使用CSS声明，则滚动条消失，但是带有突出显示代码的代码块在页面缩放方面表现得很奇怪。

最佳答案

您可以添加以下样式以删除垂直滚动条，仅在需要时添加水平滚动条:

<style type="text/css">
  .syntaxhighlighter {
     overflow-y: hidden !important;
     overflow-x: auto !important;
  }
</style>