猿问

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

我有个问题 。我有一个带有这样的按钮的导航栏:

如您所见,活动的按钮具有蓝色背景,但我想在活动时将其设置为这样(请注意按钮的底部也是蓝色的):

https://img1.sycdn.imooc.com/65951f800001a6b001800074.jpg

我该怎么做?这是我的代码:

<li class="nav-item selectable"><button>جزوات</button></li>

我应该添加一个跨度还是什么?或者可以通过纯css或js来完成?

太感谢了


MYYA
浏览 95回答 1
1回答

慕哥9229398

我没有尝试,但这样的事情应该有效.nav-item {position: relative;}.nav-item:after {content: '';display: block;height: 10px;width: 100%;left: 0;right: 0;color: blue;}
随时随地看视频慕课网APP

相关分类

Html5
我要回答