创建用于更改浏览器页面样式html的主题界面的开关

我通过以下方式在我的HTML页面中添加了一个主题：

<link rel="alternate stylesheet" href="css/dark.css" title="dark">

---

这将创建一个选项，在浏览器中按预期从“视图”>“样式”切换主题。我想在页面本身中创建一个开关来更改主题<代码>切换主题将创建一个按钮，但如何使其成为切换主题？

这非常简单，您需要绑定click to函数并调用它：

---

这非常简单，您需要绑定click to函数并调用它：

---

点击按钮，您应该触发对

标签的

href

属性的更改，如下所示：

HTML

<link rel="stylesheet" href="dark.css" id="theme">
<button id="switch">Switch Theme</button>

现在，

dark.css

和

light.css

将分别为这两个主题的元素包含不同的样式。例如：

dark.css

light.css

---

单击按钮时，应触发对

标记的

href

属性的更改，如下所示：

HTML

<link rel="stylesheet" href="dark.css" id="theme">
<button id="switch">Switch Theme</button>

现在，

dark.css

和

light.css

将分别为这两个主题的元素包含不同的样式。例如：

dark.css

light.css

---

哪些浏览器具有该选项？使用javascript将单击事件绑定到按钮，单击时使用功能切换

主体

类，例如

-使用该类作为适用主题样式的基本选择器，例如：

.dark a{color:white；}

和

light a{color:black；}

，等。哪些浏览器具有该选项的可能重复项？使用javascript将单击事件绑定到按钮，单击时使用功能切换

主体

类，例如

-使用该类作为适用主题样式的基本选择器，例如：

。深色a{color:white；}

和

浅色a{color:black；}

，例如：我想标记为重复比把另一个问题的参考作为答案好。我想标记为重复比把另一个问题的参考作为答案好

body{
    background: #000;
}

body{
    background: #fff;
}