通过js实现css样式的动态切换(React,Vue均适用)

 有一些需求,如动态切换界面主题,就需要通过js去控制css。

对应的实现方案也有很多,如Less中的modifyVar,这里推荐一种兼容性比较好的做法,使用浏览器原生支持的——CSS变量。

https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties

首先在根css文件头部(如index.css或App.css之类的)声明变量以及默认值,以双短横线--开头。

:root{ --show-bullet: visible; };

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

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