如何在Semantic-ui中将顶部导航栏上的下拉按钮设置为活动状态?

时间:2017-05-04 13:25:59

标签: css semantic-ui

我查看了Semantic-ui doc,但找不到如何在我的顶部导航栏菜单中将下拉项设置为active(未打开),与常规项目相同。

active类用于打开它们,而它用于突出显示常规菜单链接。

要改写它,当我在该菜单下拉项目的其中一条路线中时,我想突出显示它,与链接相同,但我不知道我应该使用哪个类。

我开始制作自己的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;
}

1 个答案:

答案 0 :(得分:0)

要将下拉列表项突出显示并且不会被打开,请选中'选择'元素中的类而不是“活跃的”#39;类

相关问题