主题色更改方案

html

// 首选  没有 rel="alternate" 有 title="..."
<link rel="stylesheet" href="./css/theme-white.css" data-theme="white" title="白色属性">
// 替补 有 alternate ，也有 title：disabled 默认禁用, 可以选择
<link rel="alternate stylesheet" href="./css/theme-dark.css" data-theme="dark" disabled title="黑色属性">
<link rel="alternate stylesheet" href="./css/theme-red.css" data-theme="red" disabled title="红色属性">
<link rel="alternate stylesheet" href="./css/theme-blue.css" data-theme="blue" disabled title="蓝色属性">

注意：必须加上 disabled 才能生效，不加的话就会使用替补link了

通过js，disabled设置为fasle即可生效

disabled都为false，后面的link会覆盖前面的

所以其他的link的disabled得设置为true，即禁用link标签