<>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; /* 此处写不写都可以 */ }
添加以上样式,将加减数字按钮去掉