修改element组件样式不生效问题

最新推荐文章于 2024-07-10 16:05:40 发布

h5240l

最新推荐文章于 2024-07-10 16:05:40 发布

阅读量2.6k

点赞数 1

文章标签： elementui vue.js

本文链接：https://blog.csdn.net/h5240l/article/details/123877464

版权

在使用Vue.js和Element UI时，遇到组件样式修改无效的问题，主要原因是style标签添加了scoped属性。为了解决这个问题，可以考虑移除scoped以增加样式覆盖范围，但可能导致全局污染。另一种方法是定制Element UI的主题，或者使用/deep/或::v-deep穿透作用域选择器来精确修改组件样式。

摘要由CSDN通过智能技术生成

原因：style添加了scoped
解决1：去除scoped，但是对类名约束性更强了，可以给组件再添加一个类，以限制style在其他组件中生效
2：更改主题
3.添加/deep/ 或::v-deep

      /deep/ .el-pagination.is-background 
      .el-pager li:not(.disabled).active {
   
        background

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

h5240l

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
修改element组件样式不生效问题

原因：style添加了scoped解决1：去除scoped，但是对类名约束性更强了，可以给组件再添加一个类，以限制style在其他组件中生效2：更改主题3.添加/deep/ 或::v-deep /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #ff6600; } ::v-deep .el-paginat
复制链接

扫一扫