<>input 类型为 number 时,输入框右侧有数字加减按钮,想将该按钮去掉

添加以下 css 代码
/* input 类型为 number 时去掉数字加减上下箭头 */ input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none !important; }
input[type="number"] { -moz-appearance: textfield; /* 此处写不写都可以 */ }
以上代码若无效,则可使用深作用选择器 ::v-deep 或 >>> 或 /deep/
::v-deep input::-webkit-outer-spin-button, ::v-deep
input::-webkit-inner-spin-button { -webkit-appearance: none !important; }
::v-deep input[type="number"] { -moz-appearance: textfield; /* 此处写不写都可以 */ }
>>> input::-webkit-outer-spin-button, >>> input::-webkit-inner-spin-button {
-webkit-appearance: none !important; } >>> input[type="number"] {
-moz-appearance: textfield; /* 此处写不写都可以 */ } /deep/
input::-webkit-outer-spin-button, /deep/ input::-webkit-inner-spin-button {
-webkit-appearance: none !important; } /deep/ input[type="number"] {
-moz-appearance: textfield; /* 此处写不写都可以 */ }
添加以上样式,将加减数字按钮去掉

技术
下载桌面版
GitHub
百度网盘(提取码:draw)
Gitee
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:[email protected]
QQ群:766591547
关注微信