vue input["number"]，禁止显示上下箭头，禁止鼠标滚轮事件

禁止显示上下箭头input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin: 0;}input[type="number"]{-moz-appearance:textfield;}禁止鼠标滚轮事件@m

阿之阿佐

5655人浏览 · 2017-11-19 15:23:47

阿之阿佐 · 2017-11-19 15:23:47 发布

禁止显示上下箭头

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
   -webkit-appearance: none !important;
   margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}

禁止鼠标滚轮事件

@mousewheel.prevent

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^