文章详情页
html5 - HTML或者JS可否动态改变 .css的属性?
问题描述
例如想基于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
相关文章:
1. 提示我模板文件不存在: tp5 application index view body.html2. HTML5怎么访问本地文件?3. javascript - 这种上传图片预览怎么做?4. javascript - input输入框触发change事件后,外部元素会被选中5. javascript - js判断一个数组是否重复6. javascript - vue2.0中router.repalce跟router.push有什么区别,二者的应用场景是会有怎样的区别?7. python相关问题求解决,有偿8. javascript - 把字符串日期转换成一般时间格式后,发现小于10的数字不会自动添加0在前面,如下9. javascript - prismplayer播放器全屏问题10. javascript - 在sublime中如何给.vue文件注释?
排行榜