如何使用CSS和JavaScript来创建可变主题

前端之家收集整理的这篇文章主要介绍了如何使用CSS和JavaScript来创建可变主题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我很新的css和 javascript,我想知道你是否可以制作一个脚本,允许您更改该网站使用的样式表.就像说你有一个绿色的主题,其中一切都是绿色的阴影,所以用户可以通过按下按钮将其更改为红色.任何人都有任何想法如何做到这一点?

解决方法

您可以将ID设置为链接标记,并在运行时切换css.

HTML

<link type="text/css" rel="stylesheet" media="all" href="../green.css" id="theme_css" />

JS

document.getElementById('buttonID').onclick = function () { 
    document.getElementById('theme_css').href = '../red.css';
};

猜你在找的CSS相关文章