html5 - Können HTML oder JS .css-Attribute dynamisch ändern?

Question

Ist es beispielsweise möglich, den Attributwert von *.css oder <style> basierend auf dem Inhalt des Eingabewerts zu ändern?
Zum Beispiel: Verwenden Sie das Tag „input:color“, um den ausgewählten Farbwert abzurufen und die Farbe der Bildlaufleiste zu aktualisieren? (Dies muss einen Selektor verwenden, nicht inline)

---

Eine Methode, die mir gerade in den Sinn kommt, besteht darin, mit js einen <style> zu erstellen und dann den Inhalt in diesem Tag zu ändern. Sie fragen sich, ob Sie noch weitere Ideen haben?

---

Ich habe das Gefühl, dass ich es nicht klar beschrieben habe. Der Attributwert des CSS-Stylesheets muss basierend auf dem Wert angegeben werden. Beispiel: Der Benutzer wählt #6ec42a aus, dann wird die Bildlaufleiste zur Farbe #6ec42a. In diesem Fall ist es nicht einfach, CSS-Dateien im Voraus vorzubereiten. Können wir nicht alle Hexadezimalfarben ausschöpfen und unterschiedliche CSS-Dateien erstellen? Aber ich bin sehr dankbar für die Methode, die Sie gerade geteilt haben. Ich weiß das auch nicht, also habe ich es gerade gelernt!

Answer 1

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

Answer 2

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