更改导航栏中部分元素的颜色

Question

我有个问题 。我有一个带有这样的按钮的导航栏：如您所见，活动的按钮具有蓝色背景，但我想在活动时将其设置为这样（请注意按钮的底部也是蓝色的）：我该怎么做？这是我的代码：<li class="nav-item selectable"><button>جزوات</button></li>我应该添加一个跨度还是什么？或者可以通过纯css或js来完成？太感谢了

Answer 1

我没有尝试，但这样的事情应该有效

.nav-item {

position: relative;

}

.nav-item:after {

content: '';

display: block;

height: 10px;

width: 100%;

left: 0;

right: 0;

color: blue;

}