前端开发

[CSS] 选中google code prettify 高亮代码时文本重影的问题

字号+ 作者:hanyufeng 来源: 2016-08-14 20:23:14 我要评论( ) 阅读:

修改ol linenums li 样式的text-shadow属性...

问题描述:通过google-code-prettify实现的代码高亮,浏览时效果较好,但选中代码文本时,字体会出现重影,特别是网页显示比例放大时很明显:

(网页缩放比例150%)

问题分析:与css设置有关。

解决方法:

打开“prettify.css”文件,找到 ol.linenums li 样式的text-shadow属性:

ol.linenums li {
  padding-left: 12px;   /* 12px  行号与代码的间距*/
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
}

将text-shadow属性修改为:

text-shadow: 0 0px 0 #fff; 
/* 1px 改为 0px */

或者直接删除text-shadow属性这一行。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。