jQuery UI对话框调整关闭按钮的大小

我正在使用jQUery UI创建一些对话框，但是在移动设备中“关闭”按钮太小。我只需要调整关闭按钮的大小。

我使用CSS找到了这个简单的解决方案：

<style>
    .ui-dialog-titlebar-close { width: 30px !important; height: 24px !important; top: 40% !important }
</style>

.ui对话框标题栏关闭{宽度：30px！重要；高度：24px！重要；顶部：40%！重要}

---

这种方式会影响所有对话框，这是所需的效果。

为了避免将此代码影响到所有其他对话框，您应该提供您的对话框

和

id

，并提供编辑

css

。如果你想让关闭按钮只在移动设备上显示得更大，那么你应该制作一个媒体css文件，当屏幕分辨率达到指定的尺寸时，该文件将加载特定的css代码。通过这种方式，您可以控制何时显示更大和更小的图标@RahulGupta我的意图是这样的，但你的评论是正确的。在我的情况下，在桌面计算机上显示更大的关闭按钮是可以的：）