更改NavMenu 导航菜单激活时的背景颜色

效果图

方法

写在< style >中

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

我这边显示的是灰色的，我以为没用，原来是可以用的

更改NavMenu 导航菜单激活时的背景颜色相关推荐

ElementUi中NavMenu 导航菜单router用法
问题引出写页面中遇到需要写NavMenu 导航菜单,作为菜鸟按照Element官方的NavMenu 导航菜单用法,传统式使用在data声明一个activeIndex作为跳转的首页,当我点击NavMe ...
Elementui NavMenu 导航菜单使用
官方文档https://element.eleme.cn/#/zh-CN/component/menu NavMenu 导航菜单官方使用项目实例官方使用 <el-menu :default ...
Element UI样式修改之NavMenu导航菜单
目录 Element UI样式修改之NavMenu导航菜单一.成果展示二.步骤三.完整代码 Element UI样式修改之NavMenu导航菜单一.成果展示 Element UI官网给出的例子 ...
vue+elementUI项目中使用NavMenu导航菜单
vue+elementUI项目中使用NavMenu 导航菜单在elementUI官网组件中NavMenu 导航菜单的使用只是简单地运用,在实践项目中还需要配合路由配置.一般后台管理系统不只是导航菜单 ...
vue点击菜单跳转时，背景颜色动态变化
** vue点击菜单跳转时,背景颜色动态变化 ** html: script: export default { name: "menu", data() { return { a ...
element菜单组件样式修改NavMenu导航菜单
NavMenu导航菜单 1.选中菜单的颜色 .el-menu-item.is-active {background-color: #41a3fb !important; } 2.菜单hover颜色 . ...
android 自定义radiobutton 样式,RadioButton自定义点击时的背景颜色
一.应用场景: 在使用 RadioButton 时,有时我们会需要自定义点击时改变背景颜色的效果. 效果图: RadioButton自定义背景颜色.jpg 二.实现步骤: 1.新建一组 RadioBu ...
去掉input记录密码时的背景颜色
去掉input记录密码时的背景颜色 input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webk ...
CAD图纸转换TIFF格式时修改背景颜色
接触CAD相关工作的小伙伴,常常会对CAD图纸进行格式转换,CAD图纸转换图片格式就是较为常见的,这其中就有CAD图纸转换成TIFF图片格式.而CAD图纸转换TIFF图片格式的时候,可能需要修改背景颜 ...

更改NavMenu 导航菜单激活时的背景颜色

效果图

方法

更改NavMenu 导航菜单激活时的背景颜色相关推荐

最新文章

热门文章