elementui菜单下拉样式修改

公共样式里写

/*菜单*/
.el-menu--horizontal>.el-submenu .el-submenu__title{height: 33px;line-height: 33px;border: none;background-color: #289efc;border-radius: 3px;
}
.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color: #289efc;color: white;
}
.el-menu--horizontal>.el-submenu .el-submenu__title{color: white;
}
.el-menu-demo>.el-submenu>.el-submenu__title i{color: white;
}
.el-menu--popup-bottom-start{margin-top: 13px;
}
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{color: white;
}
.el-menu--horizontal .el-menu .el-menu-item{color: #333333;font-size: 12px;
}
.el-menu--popup {min-width: 160px;
}

组件样式里写

  /*菜单下拉框样式开始*/>>> .el-menu--horizontal>.el-submenu:focus .el-submenu__title{color: white;}.el-menu--popup-bottom-start .el-submenu >>> .el-submenu__title{color: #333333!important;font-size: 12px!important;}.el-menu--popup-bottom-start .el-submenu >>> .el-submenu__title:hover{background-color: #EAF5FF!important;color: #53B1FD!important;}.el-menu-item:hover{background-color: #EAF5FF!important;color: #53B1FD!important;}/*菜单下拉框样式结束*/

elementui菜单下拉样式修改相关推荐

【Element ui 的NavMenu二级菜单下拉icon修改】
Element ui 的NavMenu二级菜单下拉icon修改原来是这样的,下拉icon在右边修改成icon在左边,并更改icon的形状修改icon的css属性,覆盖原来的.需要注意的是取消打开 ...
axure中的拐弯箭头_Axure教程：实现菜单下拉效果
原标题:Axure教程:实现菜单下拉效果笔者在本文中介绍了如何用Axure实现菜单下拉效果的操作步骤,以及实现过程中的一些心得体会,与大家分享. 尽管Axure的基础元件库里面已经有菜单项了,但是样 ...
css菜单下拉菜单_在CSS中创建下拉菜单
css菜单下拉菜单 CSS | 创建下拉菜单 (CSS | Creating Dropdown) Trivia: 琐事: We know the importance of navigation ba ...
layui select(下拉框)修改事件监听
layui select(下拉框)修改事件监听示例(节选): 当下拉框选项修改后,自动执行my_function函数. HTML部分: <select id="camera_strea ...
vue+elementui实现下拉框及页面刷下
vue+elementui实现下拉框及页面刷下 1.应用场景:首页是一幅地图,地图中有相应的地址,点击相应的地址会跳转到相应的页面 ![在这里插入图片描述](https://img-blog.csdn ...
element-ui select下拉框设置默认值
参考于 carmen_shao的element-ui select下拉框默认值的问题需要把el-select绑定的sPerforIndicator.id 和 el-option中的 :value=& ...
电话中删除搜索框内的语音图标按钮。所有应用菜单上面的搜索框当菜单下拉后会重叠。相机视频拍的设置里面有个EIS，删除这个菜单，默认开启EIS。视频画质默认720p。
电话中删除搜索框内的语音图标按钮: override/vendor/mediatek/proprietary/packages/apps/Dialer/java/com/android/dialer/ ...
elementUi【下拉框】样式修改无效或者无法修改？
先提前做个demo <!DOCTYPE html> <html><head><meta charset="utf-8" />< ...
下拉样式_Axure 组件重写之神奇的文本框和下拉框
现有的系统组件不够好用,加之我们能利用axure基本功能来实现更好用的组件,因此,就有了重写系列教程. 1. 什么是重写? 为了更好发挥产品原型在系统设计阶段指引.展示等需求,通过种种方式对原生组件进 ...

elementui菜单下拉样式修改

elementui菜单下拉样式修改相关推荐

最新文章

热门文章