使用deep穿透更改 Element ui 样式在 谷歌浏览器生效,而在火狐浏览器不生效问题

使用/deep/穿透更改组件库样式在火狐浏览器不生效原因

/deep/ 穿透如果只是添加在父级的话,那么在火狐浏览器和谷歌浏览器都是生效的

/deep/ .father {
   width: 100%;
   height: 100%;
   .el-select .el-input .el-input__icon {
     line-height: 26px;
     color: #000000;
   }
   .avatar-uploader .el-upload {
      border: 1px dashed #D1D1D1;
    }
}

/deep/ 穿透如果父级和子级都添加,如下面这种情况,在谷歌浏览器生效,在火狐浏览器不生效,

/deep/ .father {
   width: 100%;
   height: 100%;
   /deep/ .el-select .el-input .el-input__icon {
     line-height: 26px;
     color: #000000;
   }
   /deep/ .avatar-uploader .el-upload {
      border: 1px dashed #D1D1D1;
    }
}
因此只需要将/deep/添加在父级上即可,这样修改组件库的样式在火狐浏览器才会生效

》》》》》》解决了把亲。。。。。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值