Friday, May 6, 2011

SyntaxHighlighter Vertical Scrollbar

SyntaxHighlighter 3.0.83 seems have annoying issue, there is always a vertical scrollbar which you can only scroll a little. I found a solution here http://xbfish.com/2011/04/26/remove-vertical-scrollbar-in-syntaxhighlighter/, but it doesn't work.

After several tries, I found that commenting line-height in shCore.css works
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
-moz-border-radius: 0 0 0 0 !important;
-webkit-border-radius: 0 0 0 0 !important;
background: none !important;
border: 0 !important;
bottom: auto !important;
float: none !important;
height: auto !important;
left: auto !important;
// line-height: 1.5em !important;

2 comments: