JQuery UI CSS Framework_jquery

Jquery ui の 2 つのコア CSS ファイルは、ui.core.css と ui.theme.css です。これら 2 つの CSS スタイルは、jquery ui に基づくインターフェイス全体で実行され、jquery ui ThemeRoller を通じて独自のスタイルを生成できます。

.ui-helper-hidden: 要素に display:none を適用します

.ui-helper-hidden-accessible: 要素の絶対位置を非表示に設定します

ui-helper-clearfix: 親要素

の浮動属性に適しています。 ui-helper-zfix: iframe 要素のカバレッジの問題を修正するのに適しています。

.ui-state-default: 要素のデフォルトのスタイル

.ui-state-hover: 要素がホバー状態にあるときのスタイル

.ui-state-focus: 要素がフォーカス状態にあるときのスタイル

.ui-state -active: 要素がアクティブ状態にあるスタイル (通常はマウスで選択)

.ui-state-hightlight: 強調表示された状態を必要とするスタイル

.ui-state-error: 要素は error 状態のスタイル (通常はエラー情報を記述します)

.ui-state-error-text: エラー テキストを記述するスタイル

。 ui-state-disabled: 無効化されている要素のスタイル

.ui-priority-primary: ボタンを Zengji と区別する必要がある場合、第 1 レベルのボタンに適用されます。太字のフォントが適用されます

.ui-priority-secondary: 前のシナリオに対応して、通常の太さのフォントが適用され、要素に対してわずかに透明になります。 🎜>
アイコン タイプ: CSS フレームワークは、ほとんどのシナリオに適した一連のデフォルト アイコンを提供します。一般的に使用される方法は、アイコン
.ui-corner-tl: 丸い左上隅、css3 に基づいており、IE ではサポートされていません

.ui-corner-tr: 丸い右上隅、css3 に基づいて、IE ではサポートされていません

.ui-corner-bl: css3 に基づいて左下隅が丸くなります。IE は

.ui-corner-br: に基づいて右下隅が丸くなります。 css3、IE は

をサポートしません。 ui-corner-top: 上の 2 つの角は丸くされます。css3、IE は

をサポートしません。 css3 に基づいて角が丸くなります。IE は

をサポートしません。ui-corner-right: 右 2 つの角は css3 に基づいて丸くなり、IE はそれをサポートしません

.ui -corner-left: css3 に基づいて、左 2 つの角が丸められます。ie はそれをサポートしません

.ui-corner-all: css3 に基づいて、すべての角が丸められます。ie は
.ui-widget-overlay: Mask

.ui-widget-shadow :Shadow

jquery ui ウィジェットを作成する場合、次のようにして jquery ui テーマと互換性のあるカスタム ui を作成できます。これらのCSSを適切に使用してください。