html5 - HTML ou JS peuvent-ils modifier dynamiquement les attributs .css ?

Question

Par exemple, est-il possible de modifier la valeur de l'attribut *.css ou <style> en fonction du contenu de la valeur d'entrée ?
Par exemple : utiliser la balise input:color pour obtenir la valeur de couleur sélectionnée et mettre à jour la couleur de la barre de défilement ? (Cela doit utiliser un sélecteur, pas en ligne)

---

Une méthode qui me vient à l'esprit en ce moment consiste à utiliser js pour créer un <style> sur la page actuelle, puis à modifier le contenu de cette balise. Vous vous demandez si vous avez d'autres idées ?

---

J'ai l'impression de ne pas l'avoir décrit clairement. La valeur de l'attribut de la feuille de style CSS doit être donnée en fonction de la valeur. Par exemple : l'utilisateur sélectionne #6ec42a, puis la barre de défilement devient la couleur #6ec42a. Dans ce cas, il n'est pas facile de préparer les fichiers CSS à l'avance. Ne peut-on pas épuiser toutes les couleurs hexadécimales et créer différents fichiers CSS ? Mais je suis très reconnaissant pour la méthode que vous venez de partager, je ne la connais pas non plus, alors je viens de l'apprendre !

Answer 1

Écrivez plusieurs fichiers .css avec des plans différents, et utilisez js pour charger dynamiquement les fichiers css en fonction de la situation

Answer 2

Par exemple, si vous souhaitez modifier la valeur de l'attribut *.css ou <style> en fonction du contenu de la valeur d'entrée, est-ce possible ?
Vous pouvez remplacer *.css par un sélecteur d'attribut
Par exemple : $("[href*=aaa.css]").attr({href: 'bbb.css'});