首页  >  问答  >  正文

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

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


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


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

伊谢尔伦伊谢尔伦2684 天前904

全部回复(2)我来回复

  • 黄舟

    黄舟2017-05-24 11:38:09

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

    回复
    0
  • phpcn_u1582

    phpcn_u15822017-05-24 11:38:09

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

    回复
    0
  • 取消回复