简单的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，并在此基础上更改样式。

开关1.php

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

开关2.php

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

索引.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>