在页面中加上样式.el-menu-item:hover就可以了。
但是当我使用,下面的代码去修改二级菜单的鼠标浮点事件的时候,我设置的背景颜色就只出现在我鼠标浮动的那个时刻。 .el-sub-menu:hover{ background-color: aqua !important;; } AI代码助手复制代码 要设置二级菜单的触发背景颜色的时候,应使用项目的代码 .el-sub-menu:hover{ background-color: aqua !important;...
/*主菜单样式*/>>>.el-submenu__title{}/*主菜单悬浮样式*//deep/.el-submenu__title:hover{color:white!important;background:#1890FF!important;}/*子菜单样式*//deep/.el-menu-item{background:#283847!important;}/*子菜单悬浮样式*//deep/.el-menu-item:hover{color:white!important;background:#18...
鼠标移入: .el-menu-item:hover { color: #a0cfff; background-color: #eaeeff !important; } 选中: .el-menu-item.is-active { color: #6681fa; background-color: #eaeeff !important; }
elementplus el-menu-item 鼠标pointer不精确 image.png 鼠标还没移上去就已经出现hover的样式 因此对其加上 overflow 就行 <stylelang="scss"scoped>.el-menu-item { height: 35px; overflow: hidden; } }
1、router属性,若使用router属性menu-item的index将对应router的path属性 2、mode,下拉菜单的模式分为horizontal和vertical两种模式 3、background-color,background-color属性为下拉菜单整体的背景颜色 4、text-color,text-color为下拉菜单中的文字的颜色 5、active-text-color为选中的菜单的颜色 ...
仅⽀持 hex 格式）string—#409EFF default-active当前激活菜单的 index string——default-openeds当前打开的 sub-menu 的 index 的数组Array——unique-opened是否只保持⼀个⼦菜单的展开boolean—false menu-trigger⼦菜单打开的触发⽅式(只在 mode 为 horizontal 时有效)string hover / click hover ...
TreeNodeMouseHoverEventArgs TreeNodeMouseHoverEventHandler TreeNodeStates TreeView TreeViewAction TreeViewCancelEventArgs TreeViewCancelEventHandler TreeViewDrawMode TreeViewEventArgs TreeViewEventHandler TreeViewHitTestInfo TreeViewHitTestLocations TreeViewImageIndexConverter TreeViewImageKeyConverter TypeValidationEve...
.el-menu-item:hover{color:#fff;background-color:#00c292; } 在Element Plus中,如果你发现<el-menu-item>的hover时的字体颜色不生效,可能是由于CSS样式被其他更具体选择器的样式覆盖。为了解决这个问题,你可以提升你的自定义CSS规则的优先级,或者确保你的自定义样式在全局样式文件中的优先级高于Element Plus的...
</el-dropdown-menu> </el-dropdown> </el-menu-item> </el-menu> </div> </template> <style scoped> .el-menu-item:hover{ outline: 0 !important; background-color: #409EFF !important; } </style> 在页面中加上样式.el-menu-item:hover就可以了。