html5 - HTML或者JS可否动态改变 .css的属性？

问题描述

例如想基于input输入的value内容改变*.css或者<style>的属性值 是否可实现？例如：用input:color标签获取选择的颜色value，更新滚动条的颜色？（这个必须用选择器，不能用行内）

目前想到的一种方法就是用js在当前页面创建一个<style>，然后修改这个标签里面的内容。不知道是否还有其他想法？

感觉我好像没有描述清楚，需要根据value给出css样式表的属性值 例如：用户选择了#6ec42a,那么滚动条变成#6ec42a这个颜色。这样的话，提前准备好css文件不太好做，总不能把十六进制颜色都穷举出来做成不同的css文件？不过很感谢二位刚刚分享的方法，这个我也不会，正好学习了！

问题解答

写几个不同方案的.css文件,根据情况用js动态加载css文件

例如想基于input输入的value内容改变*.css或者<style>的属性值 是否可实现？可以用属性选择器替换*.css例如：$('[href*=aaa.css]').attr({href: ’bbb.css’});