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

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包含在具有类.ui-dialog的元素内时，才会应用这些样式。

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