具体为select元素分配Jquery-UI的css?

时间:2013-03-13 12:52:47

标签: jquery css jquery-ui

我有一个

<div class="advancedSearchContainer findorders">

我特意使用了一些jquery-ui功能 - datepicker等。现在它在rails应用程序中显示默认jquery-ui主题的颜色。我无法更改默认的jquery-ui css文件,因为该网站的其他部分正在使用它。

但是我想以不同的方式指定此功能的CSS,所以我尝试了这一点。

.advancedSearchContainer .ui-state-active,
.advancedSearchContainer .ui-widget-content .ui-state-active,
.advancedSearchContainer .ui-widget-header .ui-state-active {
    border: 1px solid #acdd4a;
    background: #6eac2c url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

但这并没有改变颜色。我出错的任何特殊原因?

1 个答案:

答案 0 :(得分:0)

添加一个body类并使用body.yourClass .advancedSearchContainer .ui-state-active, body.yourClass .advancedSearchContainer .ui-widget-content .ui-state-active, body.yourClass .advancedSearchContainer .ui-widget-header .ui-state-active {}

这会否决其他css语句