简单的CSS切换器和保存cookie

Question

我想创建一个可以在样式表之间切换的按钮（例如下面的代码），我希望它能够创建一个cookie，以便浏览器记住并保存设置。

<button id="style1">Light</button>
<button id="style2">Dark</button>


<link rel="stylesheet" type="text/css" href="style1.css">
<link rel="stylesheet" type="text/css" href="style1.css">

代码越简单越好。谢谢！

Answer 1

您可以使用PHP来设置和获取cookie并根据它更改样式。

switch1.php

<?php
setcookie("s", "1");
header("Location: index.html");
?>

switch2.php

<?php
setcookie("s", "2");
header("Location: index.html");
?>

的index.html

<link rel="stylesheet" type="text/css" href=
<?php 
if isset($_COOKIE["s"]))
    echo '"style' . $_COOKIE["s"] . '.css"';
else
    echo '"style1.css"';
?>
>
<button id="style1"><a href="switch1.php">Light</a></button>
<button id="style2"><a href="switch2.php">Dark</a></button>