html5 - HTML または JS は .css 属性を動的に変更できますか?

Question

例えば、*.cssや<style>の属性値を入力値の内容に応じて変更することは可能でしょうか？
例: input:color タグを使用して、選択された色の値を取得し、スクロール バーの色を更新しますか? (これはインラインではなくセレクターを使用する必要があります)

---

今思いつく方法の 1 つは、js を使用して現在のページに <style> を作成し、このタグのコンテンツを変更することです。他に何かアイデアはありますか?

---

説明が足りなかったような気がしますが、CSSスタイルシートの属性値をその値に合わせて与える必要があります 例えば#6ec42aを選択するとスクロールバーは#6ec42aの色​​になります。この場合、事前にCSSファイルを用意するのは大変なので、16進数の色を全て使い切って別のCSSファイルを作ることはできないでしょうか？でも、今教えていただいた方法にはとても感謝しています。私も知らないので、今勉強しました！

Answer 1

異なる計画で複数の .css ファイルを作成し、js を使用して状況に応じて CSS ファイルを動的に読み込みます

Answer 2

例えば、入力値の内容に基づいて *.css や <style> の属性値を変更することは可能ですか?
*.css を属性セレクターに置き換えることができます
例: $("[href*=aaa.css]").attr({href: 'bbb.css'});