您的位置:首页技术文章
文章详情页

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

【字号: 日期:2022-12-07 16:53:13浏览:31作者:猪猪

问题描述

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

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

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

问题解答

回答1:

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

回答2:

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

标签: Html5
相关文章: