2016-10-19 8 views
0

カスタムスタイルでjQuery UIタブナビゲーションを使いたいと思います。
したがって、アクティブではないすべてのタブのデフォルトスタイルとして、ui-tabs-tabのホバースタイルをどのように設定できるかを知る必要があります。アクティブなタブに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 { 
    .... 
} 
+0

あなたはjQueryのUIのタブを使用していますか? https://jqueryui.com/tabs/ –

+0

上記に追加しました。はい、jQueryのUIタブ。 – njlqay

+0

あなたが正しく理解したら、.ui-state-defaultと.ui-state-hoverに同じスタイルを設定する必要があります –

答えて

1

は、あなたのCSSファイルに以下を追加してください:

.ui-tabs-tab.ui-state-default a, 
.ui-tabs-tab.ui-state-hover a { 
    /*add your custom styles here*/ 
} 
関連する問題