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

Question

我正在使用简单对话框 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... 参见文档

压倒一切的主题

主题旨在作为一个坚实的起点，但旨在定制。由于一切都由 CSS 控制，因此可以很容易地使用 Web 检查器工具来识别您要修改的样式属性。添加到元素中的一组主题类（全局）和语义结构类（特定于小部件）提供了一组丰富的可能选择器，用于定位样式覆盖。我们建议将外部样式表添加到头部，放置在结构和主题样式表引用之后，其中包含所有样式覆盖。这使您可以轻松地更新到较新版本的库，因为覆盖与库代码分开。