【发布时间】：2014-07-21 19:23:12
【问题描述】：
我正在使用 jQUery UI 创建一些对话框，但是，“关闭”按钮在移动设备中太小了。我只需要调整关闭按钮的大小。
【问题讨论】：
标签： jquery css jquery-ui jquery-ui-dialog
【发布时间】：2014-07-21 19:23:12
【问题描述】：
我找到了这个简单的解决方案，使用 CSS：
<style>
.ui-dialog-titlebar-close { width: 30px !important; height: 24px !important; top: 40% !important }
</style>
这样会影响所有的对话框，就是想要的效果。
【讨论】：
-
为避免将此代码影响到所有其他对话框，您应该为您的对话框提供
<div>和id并编辑您的css。如果您希望关闭按钮仅在移动设备上显得更大，那么您应该制作媒体 css 文件，当屏幕分辨率达到指定尺寸时，该文件将加载某些 css 代码。通过这种方式，您可以控制何时显示更大和更小的图标！ -
@RahulGupta 我的预期行为是这样，但您的评论是有效的。就我而言，可以在台式计算机上显示更大的关闭按钮 :)