syntaxhighlighter不显示右边滚动条

我使用的版本是3.0.83，注意版本差异，有的人光说怎么改不说自己用的那个版本，很可能误导别人。

这里只需要修改样式文件shCoreDefault.css，当然你用的那个修改那个。修改

.syntaxhighlighter textarea {}

 这里他有一个样式是这样写的

overflow: visible !important;

这样是滚动条可见，可以在这下面增加内容

overflow-y: hidden !important; 
padding: 0 1px 2px 0 !important;

意思是右边的滚动条隐藏。实际效果就是现在我博客上面的效果。因为没有屏蔽下面的滚动条，我增加了padding，使代码显示下面有滚动条时不至于太挤。

这里有人会说为什么不把下面的也屏蔽掉，其实下面的也可以屏蔽掉，有三种方式：1，自动换行。2，隐藏。3，别写太长代码。

1和2使用能达到效果，担心会有问题，所以还是建议你考虑3，输入的时候注意即可。

上面两个样式的解释参考：

http://www.w3school.com.cn/cssref/pr_padding.asp

http://www.w3school.com.cn/cssref/pr_padding.asp

推荐您阅读更多有关于“ 开源 SyntaxHighlighter 代码高亮 滚动条 ”的文章

猜你喜欢

• 7-17HTTP POST数据和数据接收
• 7-17常用SpringJPA主键生成策略，UUID和自增
• 7-17Apache Commons Jar包下载
• 7-17SpringJPA 慎重 findAll() 切记分页
• 7-17IIS服务器返回Bad Request (Invalid Hostname)解决办法