填充JQuery Mobile简单对话框

时间:2012-12-12 05:18:28

标签: css jquery-mobile

我正在使用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"
        }
    }
})

截图:

enter image description here

我想要text-align留下的消息,并从按钮的左侧和右侧留出一些空间。我怎样才能实现它?

感谢。

1 个答案:

答案 0 :(得分:1)

您可以使用Firebug或其他开发人员工具来检查要操作的CSS ... see docu

  

覆盖主题

     

主题是一个坚实的起点,但意味着   定制。由于一切都是由CSS控制的,因此很容易使用   Web检查器工具,用于标识所需的样式属性   修改。主题类(全局)和语义结构的集合   添加到元素的类(特定于小部件)提供了丰富的一组   可能的选择器,以此为目标样式覆盖。我们   建议在头部后面添加一个外部样式表   结构和主题样式表引用,包含您的所有样式   覆盖。这使您可以轻松更新到更新版本的   库,因为覆盖与库代码分开。