For example, is it possible to change the attribute value of *.css or <style> based on the input value content?
For example: use the input:color tag to get the selected color value and update the color of the scroll bar? (This must use a selector, not inline)
One method that comes to mind right now is to use js to create a <style> on the current page, and then modify the content in this tag. Wondering if you have any other ideas?
It feels like I didn’t describe it clearly. The attribute value of the css style sheet needs to be given according to the value. For example: if the user selects #6ec42a, then the scroll bar becomes the color #6ec42a. In this case, it is not easy to prepare CSS files in advance. Can't we exhaust all hexadecimal colors and make different CSS files? But I am very grateful for the method you just shared. I don’t know this either, so I just learned it!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Write several .css files with different plans, and use js to dynamically load the css files according to the situation
For example, is it possible to change the attribute value of *.css or <style> based on the input value content?
You can replace *.css with attribute selector
For example: $("[href*=aaa.css]").attr({href: 'bbb.css'});