我下载了WP-syntax 插件,并希望自定义它以显示黑色终端样式的背景。
我编辑了文件wp-syntax/wp-syntax.css
到
.wp_syntax {
color: #100;
background-color: black !important;
border: 1px solid silver;
margin: 0 0 1.5em 0;
overflow: auto;
}
/* IE FIX */
.wp_syntax {
overflow-x: auto;
overflow-y: hidden;
padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
width: 100%;
}
.wp_syntax table {
border-collapse: collapse;
}
.wp_syntax div, .wp_syntax td {
vertical-align: top;
padding: 2px 4px;
}
.wp_syntax .line_numbers {
text-align: right;
background-color: black !important;
color: white !important;
overflow: visible;
}
/* potential overrides for other styles */
.wp_syntax pre {
margin: 0;
width: auto;
float: none;
clear: none;
overflow: visible;
font-size: 12px;
line-height: 1.333;
white-space: pre;
background-color: black !important;
}
然而,我得到的结果是
大部分文字几乎看不见。我应该对代码进行哪些修改以获得如下内容: