input标签type为number时如何去除加减按钮效果

我们在使用input type = number 时 只想输入数字时 会出现如下图所示的效果 显然这不是我们想要的

只需要我们简单把css样式改变下即可

/* 谷歌 */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
/* 火狐 */
 input{
    -moz-appearance:textfield;
}

如果单独控制某个标签时 只需要在前加上父级元素即可

粗略的代码希望对您有所帮助哦~