指引网

当前位置: 主页 > 网页制作 > JavaScript >

WP-Syntax代码高亮插件的美化及不能选中的解决办

来源:网络 作者:佚名 点击: 时间:2017-07-02 09:22
[摘要]  WP-Syntax是一款代码的高亮插件了,但在使用时会碰到插件的美化及不能选中的问题了,对于这个问题小编找到了解决方案,下面我们就一起来看看吧.

上次发了一个服务器安装的配置脚本信息,由于脚本比较多,发现浏览的时候用鼠标很难选择一直不知道是什么原因;

期间尝试了去除ad广告部分和统计的js代码,可是问题依旧,无意间更换了wp-syntax的css文件竟然解决了此问题;

也不太想深究其中原因,只把美化后的css代码贴出:

这一段代码替换wp-syntax/css/wp-syntax.css里的内容即可

.wp_syntax {
 color:#100;
 background-color:#f9f9f9;
 border:1px solid #EBEBEB;
 margin:0 0 1.5em 0;
 overflow:hidden;
}
.wp_syntax {
 overflow-x:auto;
 overflow-y:hidden;
 padding-bottom:expression(this.scrollWidth > this.offsetWidth ? 15:0);
 width:99%;
}
.wp_syntax table {
 border:none;
 border-collapse:collapse;
 margin:0;
 padding:0;
 width:100% !important
}
.wp_syntax caption {
 padding:2px;
 width:100%;
 background-color:#def;
 text-align:left;
 font-family:Monaco;
 font-size:13px;
 line-height:20px;
}
.wp_syntax caption a {
 color:#1982d1;
 text-align:left;
 font-family:Monaco;
 font-size:13px;
 line-height:20px;
 text-decoration:none;
}
.wp_syntax caption a:hover {
 color:#1982d1;
 text-decoration:underline;
}
.wp_syntax div,.wp_syntax td {
 border:none;
 text-align:left;
 padding:0;
 vertical-align:top;
}
.wp_syntax td.code {
 background:none;
 line-height:normal;
 white-space:normal;
 padding-left:10px;
}
.wp_syntax pre {
 background:transparent;
 margin:0;
 padding:0;
 width:auto;
 float:none;
 clear:none;
 overflow:visible;
 font-family:Monaco;
 font-size:13px;
 line-height:20px;
 white-space:pre;
        white-space: pre-wrap;       /* css-3 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.wp_syntax td.line_numbers pre {
 border-right:3px solid #6CE26C;
 background-color:#E7E5DC;
 color:gray;
 width:20px;
 padding:0 5px;
 text-align:right;
}

------分隔线----------------------------