0

私は単純なダイアログ 2を使用しています:

以下のダイアログボックスがあります。

$('<div>').simpledialog2({
    mode: 'button',
    themeHeader: 'b',
    headerText: 'Confirm',
    headerClose: true,
    buttonPrompt: message,
    buttons : {
        'OK': {
            click: function () { 
                $.mobile.changePage(url, {changeHash: false});
            }
        },
        'Cancel': {
            click: function () { 

            },
            icon: "delete",
            theme: "c"
        }
    }
})

スクリーンショット:

ここに画像の説明を入力

text-alignメッセージを左に置き、ボタンの左右にスペースを空けたい。どうすれば達成できますか？

ありがとう。

4

1 に答える 1

1

Firebug または別の開発者ツールを使用して、操作する CSS を調べることができます... docu を参照してください

テーマのオーバーライド

テーマは確かな出発点として意図されていますが、カスタマイズすることを意図しています。すべてが CSS によって制御されるため、Web インスペクター ツールを使用して、変更するスタイル プロパティを簡単に特定できます。要素に追加されたテーマ クラス (グローバル) とセマンティック構造クラス (ウィジェット固有) のセットは、スタイル オーバーライドの対象となる可能なセレクターの豊富なセットを提供します。すべてのスタイル オーバーライドを含む外部スタイルシートを head に追加し、構造とテーマ スタイルシート参照の後に配置することをお勧めします。これにより、オーバーライドがライブラリ コードとは別に保持されるため、ライブラリの新しいバージョンに簡単に更新できます。

于 2012-12-12T13:49:03.153 に答える