3

最近、jQuery ThemeRoller テーマを適用した Web アプリがあります。ここで、単純な <h2> 要素を、ダイアログのタイトルバーまたは日付ピッカーのタイトルと同じ丸みを帯びた長方形の外観にしたいと考えています。より大きな jQuery UI 構造の一部ではない要素にこれらを適用するにはどうすればよいですか?

私は、Chrome のインスペクター ツール内で確認できる内容に基づいて、css クラス値を手動で設定するという道をたどり始めました。 m jQuery UI 内で発生する可能性のある CSS クラス割り当てロジックをバイパスします。

では、これらのスタイルを適用する簡単な方法はありますか?それとも、ヘッダーに css スタイルを明示的に設定する道を進むべきでしょうか?

4

3 に答える 3

4

jQuery ThemeRoller の CSS スタイルに魔法はありません。それが生成する CSS ファイルに目を通してみると、それらが一般的に明確かつ簡潔で読みやすいことがわかります。

ThemeRoller CSS の丸みを帯びた角は IE では機能しないため、あまり依存したくない場合がありますが、そうする場合は、style='blah' を使用して CSS を適用してください。

于 2009-06-30T04:55:35.517 に答える
3

stevedbrown の答えはかなり正しいです。

ui-corner-プレフィックスを使用して、含まれている要素に丸みを帯びた角を適用できます。たとえば、div要素の 4 つの角すべてに丸みを帯びた角を適用するには、 を使用しますui-corner-all。

同じ要素の上隅のみをスタイルするui-corner-tr ui-corner-tlには、TopLeft および TopRight の隅に適用します。

于 2009-07-01T01:58:00.920 に答える
2

上記の別の可能性は、コピーする CSS 属性がわかっている場合は、次のようにプログラムで実行できます。

var defaultColor = $(".ui-state-default").css("color");
var defaultMargin = $(".ui-state-default").css("margin");

これらを要素に適用します

$(".your-css-class").css("color",color);
$(".another-css-class").css("margin",margin);

等

ちょっと不格好ですが、CSS 開発者がテーマロールされたテーマを更新できるようになり、コードの更新について心配する必要がなくなります。

于 2009-07-02T20:13:15.777 に答える