文章目录
- 问题
- 分析
问题
在更改 arco 的原始样式后，发现部分样式并未被更改
分析
- 如下所示，通过元素查看器可以看到原生的绑定的 class 类名和样式
- 而我将整个的设置了的样式做了替换
:deep(.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover) {background-color: transparent;
}
- 正确的做法是针对某部分用到的样式进行替换，否则在打包上线通过nginx 发布后是没有样式修改的
:deep(.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover) {background-color: transparent;
}
