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

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;}