element更改导航菜单被选中项的背景颜色

element更改导航栏被选中项的背景颜色

在使用element的导航栏菜单时，官方文档指明可以改变导航栏的的背景颜色，字体颜色以及选中项的字体颜色，但是有时我们想要使用自定义颜色。在F12中可以看见，在设置了官方文档中的background-color、text-color、active-text-color后，element将这些样式添加到了element.style中。如下：

element.style{
padding-left: 20px;
color: rgb(90, 87, 87);
background-color: rgb(228, 229, 230);
}

这时无论怎么设置css都无法覆盖颜色，这时可以使用!important。

.el-menu-item.is-active {background-color: rgb(231, 235, 240) !important;
}

这时自定义背景颜色的权重大于element.style，样式便可覆盖。

element更改导航菜单被选中项的背景颜色相关推荐

WPF学习笔记——设置ListBox选中项的背景颜色
ListBox的选中项,在我这个WIN7里面,是亮蓝色,颜色是如此之浓厚,差不多遮盖了前景的字体! 太不协调了.可是怎么设置呢?设置触发器,又是IsMouseOver,又是IsFocused,在谷歌里 ...
使用element UI导航菜单默认展开选中子菜单
vue项目中使用的element UI导航菜单:官网例子导航菜单默认展开主要涉及的关键属性: default-active与default-openeds的主要区别: default-active可 ...
html 导航栏选中状态,CSS导航菜单高亮选中菜单项
我开发了一个CSS导航菜单,并为每个导航项我写了php.file.CSS导航菜单高亮选中菜单项 homepage.php My First Try Of CSS Navigation Bar /* B ...
vue项目-element UI-NavMenu 导航菜单始终只展开一个
vue项目-element UI-NavMenu 导航菜单始终只展开一个全局搜索:unique-opened找到该配置将其改成true unique-opened:是否只保持一个子菜单的展开 < ...
EXCEL2016下将身份证号这列重复项用背景颜色突显
1. 情景描述有一批带有身份证号的记录, 需要将身份证号列重复的项用指定背景颜色突显. 好多人都会想到如下操作: 选择身份证号区域–>开始–>条件格式–>突出显示单元格规则–> ...
vue点击菜单跳转时，背景颜色动态变化
** vue点击菜单跳转时,背景颜色动态变化 ** html: script: export default { name: "menu", data() { return { a ...
element 多层导航菜单，让网页设计更简洁、美观
前言在现代网站中,导航菜单是非常重要的一部分,它是用户访问网站的入口,能够直接影响用户的使用体验.而多层导航菜单,更是让网站的信息结构更加清晰明了.本文将为大家介绍如何使用 element 组件库, ...
android开发　修改标题栏背景_更改标题栏(Android)中的文字和背景颜色？
我构建了一个 Android应用程序,我正在尝试更改标题的栏背景和文本颜色. 在AndroidManifest.xml中: ... android:theme="@style/ThemeSe ...
金蝶EAS，分录表格中必录项设置背景颜色
分录表格含有必录字段时,对应的列设置必录标记,以下代码仅标记出背景颜色,并不能实现必录校验. 如需必录校验,还需在verifyInput(ActionEvent e)中编写业务校验逻辑. // 为分录 ...

element更改导航菜单被选中项的背景颜色

element更改导航栏被选中项的背景颜色

element更改导航菜单被选中项的背景颜色相关推荐

最新文章

热门文章