为了以特定方式设置 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 自动完成组合框,它创建了一个具有相同类的按钮元素
因此我有一个背景图像出现,这使它看起来又丑又大。
如何为不同的元素设置不同的样式?我尝试将 puttin button.ui-state-default 作为 jqueryui 覆盖的不同样式。
如下更改选项卡的当前 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
不是错误,它是故意的。这意味着如果这两个类都存在,则按照后面的规则设置样式。
Tôi là một lập trình viên xuất sắc, rất giỏi!