el-submenu中.el-submenu__title选中后背景色不变

背景：人生中自己第一次搭建大项目，同样的也是第一次使用el-menu结构化界面，封装el-menu组件。在这个过程中遇到了一个选择el-submenu时候，只要鼠标移开背景色就会恢复原来的颜色，这个时候仅仅使用“.el-submenu__title:focus, .el-submenu__title:hover”设置背景色是不行的。通过查阅资料找到一个CSDN的小伙伴给出的建议思路，成就如下成果，成功解决问题。

.el-submenu.is-opened .el-submenu__title {background-image: linear-gradient(to right, #1B82DB, #20DFE1);background-color: #171D4F;}

因此，可以发现选中菜单的时候不仅仅需要设置鼠标滑过、鼠标点击时候菜单的背景色，同样的还要对被点击菜单项（菜单展开）的背景色进行设置。

以上是我的分享，如果不足之处欢迎各位小伙伴提出宝贵意见

el-submenu中.el-submenu__title选中后背景色不变相关推荐

[转]JSP中EL表达式三元运算符的使用
原文地址:http://www.guance.com/469.html Java中的三元运算符为:条件?条件为true值:条件为false的值 EL也有一样的运算符,用EL的三元运算符有时可以代替c: ...
JSP 中EL表达式用法详解
EL 全名为Expression Language EL 语法很简单,它最大的特点就是使用上很方便.接下来介绍EL主要的语法结构: ${sessionScope.user.sex} 所有EL都是以${ ...
EL表达式中fn函数（转载）
EL表达式中fn函数 JSTL 使用表达式来简化页面的代码,这对一些标准的方法,例如bean的getter/setter方法,请求参数或者context以及 session中的数据的访问非常方便,但是 ...
html中el表达式遍历list,EL表达式在JS中取出来打印[object HTMLDivElement]的问题
今天做项目的时候,要在JS中获取请求参数中的值,想直接用 ${param.tabName}获取,结果console.debug()打印出来,居然是 [object HTMLDivElement] ...
JSP中EL表达式说明
EL表达式总 EL表达式总是用大括号括起,而且前面有一个美元符($)前缀:${expression}. 表示式中第一个命名变量要么式一个隐式对象,要么是某个作用域(页面作用域.请求作用域.会话作用域或 ...
Struts2中EL表达式的取值范围问题
Struts2中EL表达式的取值范围问题在Struts2中对request进行了装饰,增强了getAttribute()方法,改变了EL该方法的查找范围,具体为,查找request域,不存在,查找值 ...
EL表达式中，param和requestScope的区别
在看param和requestScope之前,不妨先了解下在java下request的情况: 1. request对象通常用来接收客户端提交到服务端的数据,如:在servlet或者action中可以用 ...
html中el表达式遍历list,使用EL表达式访问集合
在 EL 表达式中,同样可以获取集合的数据,这些集合可能是 Vector.List.Map.数组等.可以在 JSP 中获取这些对象,继而显示其中的内容,其语法格式如下: ${collection [序 ...
EL表达式中比较String类型数字的大小
当后台向前端页面传入String类型数字,并需要在EL表达式对此数据进行比较大小,如下 <c:when test="${(!empty ecgParamConfig.minAverag ...

el-submenu中.el-submenu__title选中后背景色不变

el-submenu中.el-submenu__title选中后背景色不变相关推荐

最新文章

热门文章