html5 - HTML または JS は .css 属性を動的に変更できますか?
伊谢尔伦
伊谢尔伦 2017-05-24 11:36:09
0
2
956

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


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


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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全員に返信(2)
黄舟

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

いいねを押す +0
phpcn_u1582

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート