主页 / coding / 问题 / 79152396
Accepted
Skrillx
Asked: 2024-11-03 17:20:19 +0800 CST

如何获得透明背景，同时仍具有语法突出显示？

  • 772

我的网站上突出显示的代码的图片

所以基本上，我试图使代码块与背景颜色相同（在本例中为白色），同时仍保留代码上的颜色。

我尝试过的方法

我尝试通过创建一个新的 CSS 文件、插入以下内容并在 HTML 文档中指向它来覆盖主题的 CSS 规则：

.reveal pre code {
    display: block;
    padding: 5px;
    overflow: auto;
    max-height: 400px;
    word-wrap: normal;
    background: #FFFFFF;
    color: #DCDCDC;
}

但背景仍然与我使用的主题相同。（玛瑙）

非常感谢您的帮助，谢谢。我是 Highlight JS 的新手，所以如果我犯了任何错误，请原谅。

highlight.js

1 个回答

  1. Best Answer

    尝试这个 CSS：

     .reveal pre code, .hljs {
    background-color: #FFFFFF !important; 
    color: #DCDCDC; 
    padding: 5px;
    overflow: auto;
    max-height: 400px;
    word-wrap: normal;
}
.reveal pre, .hljs {
    box-shadow: none !important;
}
    • 1

相关问题