如何删除垂直滚动条SyntaxHighlighter块?

12 css joomla syntax-highlighting scrollbar css3

我是网络开发的新手,可能有一个主要问题.我在我的网站上安装了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>
Run Code Online (Sandbox Code Playgroud)

我得到了这个结果

SyntaxHighlighter块中的垂直滚动条

没关系,但我不知道为什么出现突出显示的垂直滚动条.它仅滚动一个或两个像素.所以,我尝试过将以下代码添加到模板CSS文件的开头

.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody {
  overflow-y: hidden;
}
Run Code Online (Sandbox Code Playgroud)

它没有帮助我,我认为问题更深入.您对如何删除此垂直滚动条有任何想法吗?

更新如果我!important在模板中使用声明,CSS滚动条会消失,但带有突出显示代码的块在页面缩放时表现得非常奇怪.

Vas*_*nov 25

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

<style type="text/css">
  .syntaxhighlighter { 
     overflow-y: hidden !important; 
     overflow-x: auto !important; 
  }
</style>
Run Code Online (Sandbox Code Playgroud)


小智 0

我查看了该示例,发现其中也有一个垂直滚动。当我检查 "syntaxhighlighter javascript"自身时有溢出。检查您是否在包含 css 之后或之前包含了代码