css - 如何在非事件选项卡上设置 ui-tabs-tab 悬停样式？

Question

我想使用具有自定义样式的 jQuery UI 选项卡导航。
因此，我需要知道如何将 ui-tabs-tab 悬停样式设置为所有不活动选项卡的默认样式。

.ui-tabs  {
    ....
}

.ui-tabs .ui-tabs-nav {
    ....
}

.ui-tabs .ui-tabs-tab a {
    /* HERE I NEED to inherit the default jQuery Tab hover style */
}

.ui-tabs .ui-tabs-panel  {
    ....
}

Answer 1

尝试将此添加到您的 CSS 文件中:

.ui-tabs-tab.ui-state-default a,
.ui-tabs-tab.ui-state-hover a {
    /*add your custom styles here*/
}