# 求助：如何在瀏覽頁面時切換另一個CSS

**URL:** <https://forum.freemdict.com/t/topic/16118>\
**Category:** 技术交流与词典编修\
**Tags:** css\
**Created:** [2022 年10 月 10 日 05:16 UTC](https://forum.freemdict.com/t/topic/16118 "2022-10-10T05:16:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

作者： ![Yuki](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/yuki/32/28733_2.png) [@Yuki](https://forum.freemdict.com/u/Yuki)\
发布日期： [2022 年10 月 10 日 05:16 UTC](https://forum.freemdict.com/t/topic/16118/1 "2022-10-10T05:16:33Z")

</div>

有的辭典有2個以上的CSS

例如： dict.1.css dict.2.css

可是CSS要寫死在MDX的詞頭位置

假設寫死的是 `<link rel="stylesheet" href="dict.1.css" />`

要怎麼樣加上一個按鈕，然後讓辭典可以直接切換成 dict.2.css ?

* * *

例如小字典預設不顯示注音，但是使用第二的css會顯示注音

目前只能在不同情況下手動用第二個css覆蓋而已

 ![1010-a](https://forumcdn.freemdict.com/uploads/default/original/3X/e/c/ec02ed052866912c24bc9ed920ea253af6b6bac6.png)  
 ![1010-c](https://forumcdn.freemdict.com/uploads/default/original/3X/e/7/e7758d0df34fab90e91a01dc686e132989401b7c.png)

亦或是成語典，預設不顯示書證跟典源之類的欄位

而想要切換成全欄位顯示，就必須手動用第二個css覆蓋

 ![1010-b](https://forumcdn.freemdict.com/uploads/default/original/3X/7/9/7995f640abec1a2e86e4da0138f39e0998dde5b2.png)  
 ![1010-d](https://forumcdn.freemdict.com/uploads/default/original/3X/3/8/383d9bce2790d2b10875e7436bab991f01b6f071.png)

* * *

我想做的的是在右側加一個按鈕，點選可以讓頁面切換 1.css 還有 2.css

網上搜索到一些語法，說是透過 js 查找 css 名稱替換

可是閱讀軟體在載入時會把css偷偷改名字

 ![1010](https://forumcdn.freemdict.com/uploads/default/original/3X/8/1/814e7d2d9d3cde7bab620e1c5fbdd3216b305825.png)

像這樣被加了 “bres://302873ace9239e73291c823cd61fe11e/” 之類的亂碼，所以名稱根本找不到

想問一下有沒有其他更簡單可以切換2個不同css檔案到頁面的方法?

---

<div class="post-metadata">

作者： ![mdict6](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/m/8491ac/32.png) [@mdict6](https://forum.freemdict.com/u/mdict6)\
发布日期： [2022 年10 月 10 日 05:56 UTC](https://forum.freemdict.com/t/topic/16118/2 "2022-10-10T05:56:06Z")

</div>

我之前解包过日语29合1词典，

只需要把两个css都写在词头以下、\</\>以上

css加前缀算feature不算bug  
 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/c/0/c046faa92188430fd2a0061206406f97b9aa3ee8.png)

---

<div class="post-metadata">

作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\
发布日期： [2022 年10 月 10 日 15:14 UTC](https://forum.freemdict.com/t/topic/16118/3 "2022-10-10T15:14:59Z")

</div>

直接切换CSS文件是不行的。

可以通过JavaScript给HTML标签，添加删除样式类名，来达到切换样式的目的。