javascript - 对话框关闭按钮缺少样式？

Question

我正在使用 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>

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

谢谢

Answer 1

这个问题可能是由使用 jQuery UI js 和 Twitter Bootsrap js 引起的

Answer 2

.ui-dialog-titlebar-close仅当包装在具有 class 的元素内时，样式才会适用.ui-dialog。

我建议您只查看您喜欢的样式并为按钮创建一个新的样式声明。