css - JQuery Mobile 简单对话框的填充

Question

我正在使用 Simple Dialog 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 向左对齐，并在按钮的左右两侧留出一些空间。我怎样才能实现它？

谢谢。

Answer 1

您可以使用 Firebug 或其他开发工具来检查 CSS 以操纵... see docu

Overriding themes

The themes are meant as a solid starting point, but are meant to be customized. Since everything is controlled by CSS, it's easy to use a web inspector tool to identify the style properties you want to modify. The set of of theme classes (global) and semantic structural classes (widget-specific) added to elements provide a rich set of possible selectors against which to target style overrides. We recommend adding an external stylesheet to the head, placed after the structure and theme stylesheet references, that contain all your style overrides. This allows you to easily update to newer versions of the library because overrides are kept separate from the library code.