Jquerymobile中对话框样式调整技巧

去除对话框顶部边距

在Jquerymobile中,可以通过移除对话框容器内元素的顶部边距,使对话框呈现类似控制表的样式。

方法一:针对特定对话框

如果你的对话框页面拥有自定义类 my-dialog,可以添加以下CSS样式:

.ui-dialog.my-dialog .ui-dialog-contain { margin-top: 0 }

方法二:应用于所有对话框

若想将样式应用于所有对话框,可以使用以下CSS:

.ui-dialog .ui-dialog-contain { margin-top: 0 }

通过以上方法,可以灵活调整对话框样式,实现更符合需求的界面效果。

js 文件大小:266.8KB