ボタン(大)「.imui-large-button」

  • テーマにより、ボタンのhover、focus、activeのスタイルが読み込まれます。(本画面では設定していません。)

ボタン(中)「.imui-medium-button」

  • テーマにより、ボタンのhover、focus、activeのスタイルが読み込まれます。(本画面では設定していません。)

ボタン(小)「.imui-small-button」

  • テーマにより、ボタンのhover、focus、activeのスタイルが読み込まれます。(本画面では設定していません。)

ボタン(フォーム配置用)「.imui-button」

フォーム部品(テキストボックスやリストボックス等)と同じ高さのボタンです。

  • テーマにより、ボタンのhover、focus、activeのスタイルが読み込まれます。(本画面では設定していません。)

ボタン配置エリア「.imui-operation-parts」

ボタンを横並びで表示するための配置エリアです。

  • div.imui-operation-partsで括ることにより、上マージン20px、中央寄せになります。

クリック不可状態「.imui-disabled-button」

クリック不可状態のボタンを表す追加要素です。

  • .imui-*buttonに.imui-disabled-buttonを追加すると、文字列が薄いグレーになりクリックできないように見せます。

アクティブ/非アクティブ状態「.imui-running-button」

アクティブ状態を表すボタンの追加要素です。ボタンをクリックすると状態がアクティブになる場合等に利用します。

  • .imui-*buttonに.imui-running-buttonを追加すると、青背景色に白文字になります。

【まとめ】ボタン一覧

ボタン一覧です。

大きさ 通常 通常にクリック不可状態を追加
.imui-disabled-button
通常にアクティブ状態を追加
.imui-running-button
最小