elementplus去掉日期时间选择器中默认样式的“此刻“按钮

elementplus去掉日期时间选择器中默认样式的"此刻"按钮

问题:在去掉’'此刻“按钮的时候,发现局部修改样式是没有效果的,这跟我之前5图的轮播图样式修改雷同,没有效果。

原因:同样的elementplus中轮播图之前那里解决方式是进行了deep穿透,所以能够达到效果;但是这里不行,因为这里的时间选择器组件是默认挂载在body上面的,所以无论是直接修改样式、穿透或者是使用官方的popper-class来隐藏掉“此刻”按钮都是没有效果的。

解决方式:选择的是el-date-picker组件里面含有的类名.is-text.el-picker-panel__link-btn,进行全局样式修改,即可成功,因为全局样式优先级是最高的,可以覆盖掉。

// 全局设置隐藏时间选择器此刻按钮
.is-text.el-picker-panel__link-btn {
    display: none
  }
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值