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

I'm creating some dialog boxes using jQUery UI, but, the "close" button is too small in mobile devices. I need to resize only the close button.

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

1 个解决方案

I found this simple solution, using CSS:

我发现这个简单的解决方案，使用CSS：

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

This way affect all the dialog boxes, which is the desired effect.

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

I found this simple solution, using CSS:

我发现这个简单的解决方案，使用CSS：

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

This way affect all the dialog boxes, which is the desired effect.

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