Question

要以特定方式设置jqueryui选项卡的样式，我的团队成员修改了类ui-state-default，如下所示

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{ border: 3px solid transparent; 
  background: #F5AD4C 0px 0px repeat-x url(pix/redesign/orangebuttonstrip.jpg); 

  font-weight: bold; color: White;  }

现在的问题是我正在使用jqueryui autocomplete组合框，它创建一个具有相同类的按钮元素

因此，我出现了背景图像，使其看起来很丑陋。

如何为不同的元素设置不同的样式？我尝试将puttin button.ui-state-default作为jqueryui的不同样式覆盖了。

Answer 1

更改标签的当前CSS规则，如下所示：

.ui-tabs .ui-tabs-nav .ui-state-default, 
.ui-tabs.ui-widget-content .ui-state-default, 
.ui-tabs .ui-widget-header .ui-state-default { border: 3px solid transparent; 
  background: #F5AD4C 0px 0px repeat-x url(pix/redesign/orangebuttonstrip.jpg);
  font-weight: bold; color: White;
}

注意：.ui-tabs.ui-widget-content不是错误，就像故意这样。这意味着如果这两个类都存在，那么按照后面的规则进行样式化。

如何设置不同的jquery ui元素？

1 个答案: