簡體   English   中英

通過toggleList在html/css/js中應用暗模式時,我不希望一個容器在切換到暗模式時改變字體顏色

[英]While applying dark mode in html/css/js through toggleList, I don't want one container to change the font color while switching to dark mode

在正常模式下,背景顏色為淺色,頁面字體顏色為黑色,並且當我將背景顏色切換為黑色和字體顏色為白色時,有一個部分我不希望字體顏色發生變化當我切換到暗模式時整個頁面。

function Dark(){
    var element= document.body;
    element.classList.toggle("darkMode");
}
.darkMode{
    background-color: black;
    color: #FFFFFF;
}

您可以向您不想更改的部分添加一個類,並在 css 中調用它(更具體的屬性與一般屬性重疊)。

例子:

<!--HTML FILE-->
<section class="selected"></section>


/*CSS FILE*/
.selected{color:/*some color*/;}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM