Question

我们一直在使用Jquery UI的网络应用程序。我想设置对话框小部件的样式。但它有一些特殊的东西，比如标题，所有小部件都有共同的样式。我也使用了日历日期选择器。例如，在那个小部件中，我想要标题。但是在对话框中我希望标题没有bg，边框等等......

如何为每个人单独设置小部件样式？

因为我知道样式在theme.css中...但我也尝试添加一个新的样式表，例如dialog.theme.css ...而且它不适用于对话框。

Answer 1

如果你抓住了正确的css类，你可以使用样式表或JS覆盖样式。

CSS中的示例

.ui-button-text {
    color:red;
}

JS中的示例

//All Buttons
$('.ui-button-text').css('color','red');

//Single Button
$('.selector').find('.ui-button-text').css('color','red');

这两个示例都会更改按钮文本的颜色。

现在，如果您需要多个jQuery UI主题，则可以使用范围下载所需的每个主题。然后，您可以在页面上应用多个主题

示例，如果您有2个主题，其范围为 .ex1 和 .ex2

<div id="#button1" class="ex1"></div>
<div id="#button2" class="ex2"></div>

$('#button1').button();
$('#button2').button();

这会导致button1具有您的第一个主题，而button2具有您的第二个主题