2017-05-04 8 views
0

Semantic-ui docを調べましたが、トップナビゲーションバーメニューでドロップダウンアイテムをactive(開いていない)に設定する方法を見つけられませんでした。これは通常のアイテムと同じです。トップナビゲーションバーのドロップダウンボタンをセマンティックUIでアクティブに設定するにはどうすればよいですか?

activeクラスは、それらを開くために使用され、通常のメニューリンクを強調表示するために使用されます。

言い換えれば、私がそのメニュードロップダウンアイテムのルートの1つに入っているときに、リンクと同じようにハイライトしたいのですが、どのクラスを使うべきか分かりません。

私は自分のcssクラスを作成し始めましたが、私はそれらのキーワードを持っていると確信しています。


編集:私はすぐに、反転されたメニュー、セカンダリかどうかをテストしました。しかし、この疑問は依然として残っています。

だけ強調表示されると開放されないドロップダウン項目の
.menu:not(.secondary) .dropdown.item.current{ 
    background: rgba(255,255,255,.15); 
    color: #fff !important; 
} 
.menu:not(.secondary) .dropdown.item.current:after{ 
visibility: visible!important; 
z-index: 100!important; 
background: #3d3e3f !important; 
margin: 0 !important; 
box-shadow: none !important; 
border: none !important; 
} 
.menu.inverted .dropdown.item.current{ 
border-color: #fff; 
} 

答えて

0

、要素に「選択」クラスを含むとしない「アクティブ」クラス

関連する問題