4

私は Web アプリケーションを構築していますが、ユーザーが選択できるさまざまな色のテーマが必要です。

さまざまなスタイルシートを使用して、必要なスタイルシートを読み込むことができますが、これは大量のコードになると思います (テーマ レベルの CSS を別のファイルに取り出しただけでも)。

どうにかしてグローバル テーマ パラメータを設定し、すべての CSS プロパティを使用して、そのテーマ パラメータ値に適した色を計算できる方法があるかどうかを知りたいです。

4

2 に答える 2

3

複数のスタイル シートを使用することはそれほど悪くありません。ページの <head> セクションに数行の JavaScript が必要なだけです。

 <script type="text/javascript">
    function switchCSS(NewCSS)
    {
        document.getElementById("theme").href=NewCSS;
    }
 </script>

スタイルシートへの名前付きリンク:

 <link id="theme" rel="stylesheet" href="css/gray.css" type="text/css" />

次に <body> で、テーマをコンボ ボックスにリストして切り替える方法を提供します。

<select onchange="switchCSS(value);">
    <option value="gray.css">Gray</option>
    <option value="blue.css">Blue</option>
    <option value="red.css">Red</option>
</select>
于 2013-05-02T23:28:23.687 に答える