使用 css/less 动态更换主题色(换肤功能)

说起换肤功能,前端肯定不陌生,其实就是颜色值的更换,实现方式有很多,也各有优缺点

一、看需求是什么

一般来说换肤的需求分为两种:

1. 一种是几种可供选择的颜色/主题样式,进行选择切换,这种可供选择的主题切换不会很多

2. 另一种是需要自定义色值,或者通过取色板取色,可供选择的范围就很大了

二、如何实现 1. 对于可供选择的颜色/主题样式换肤的实现

一个全局class控制样式切换

  切换的时候js控制样式的切换

JS改变href属性值切换样式表,例如:

<link href="http://www.likecs.com/skin-default.css" type="text/css">

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzpjjx.html