element的导航栏修改其选中时颜色的问题

修改element导航栏选中时的背景色,通过浏览器选中导航栏查看可知修改样式.el-menu-item.is-active即可。
于是……

.el-menu-item.is-active {
  background: #247bb4 !important;
}

以为完事了吗?
不不不
正常使用时效果确实达到了
element的导航栏修改其选中时颜色的问题_第1张图片
但是长时间闲置页面,再回头看这个页面时会出现
element的导航栏修改其选中时颜色的问题_第2张图片
哪里来的灰色???
鼠标点击界面任意位置,灰色立马消失……
我……
疯狂百度,没人有这种情况
但是看到别人的代码如下:

.el-menu-item.is-active {
  background-color: #247bb4 !important;
}

于是尝试着用background-color替换background
好像还真的OK了再也没出现过如上情况了
我……

你可能感兴趣的:(element)