对话框关闭按钮缺少样式

Dialog close button lacks styles?

本文关键字：样式 关闭按钮 对话框      更新时间：2023-09-26

我正在使用JQuery UI对话框:

$("#filter").dialog({
    autoOpen: false,
    resizable: false,
    draggable:false
});

在他们的例子中关闭按钮有:

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close">
<span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
<span class="ui-button-text">close</span></button>
我

: 

<button class="ui-dialog-titlebar-close"></button>

为什么我的按钮没有这些样式?我已经包含了主题，并且我看到了其他所有内容的主题…

谢谢

这个问题可能是由于使用jQuery UI js与Twitter Bootsrap js

这些样式只适用于.ui-dialog-titlebar-close被包装在.ui-dialog类元素中

我建议你看看你喜欢的样式，然后为按钮创建一个新的样式声明。

相关文章：