elementUI去掉input上下按钮

阿超

发布于 2022-08-16 11:30:24

1.6K00

代码可运行

文章被收录于专栏：快乐阿超快乐阿超

运行总次数：0

代码可运行

快乐就像香水，不是泼在别人身上，而是洒在自己身上。——拉尔夫·沃尔多·爱默生

我们使用el-input当type为number时

会出现右边这种箭头，影响美观

我们可以使用样式穿透

<el-input type="number"></el-input>

/deep/ input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

然后就可以去掉这两个箭头啦

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021-03-27，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度