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