在JQuery UI中设置特定的窗口小部件

Question

我们一直在使用JQuery UI的Web应用程序。我想创建对话框小部件的样式。但它有一些特殊的东西，比如标题，对所有的小部件都有共同的风格。我也使用了日历选取器。例如，在那个小部件中，我希望标题保持原样。但在对话框中，我希望标题没有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有你的第二个主题