美文网首页
去掉element中input type=number尾部上下小

去掉element中input type=number尾部上下小

作者: Hasan_hs | 来源:发表于2021-11-03 16:55 被阅读0次
/* element样式重置 start */
/* 去掉input尾部上下小箭头 start */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  appearance: none !important;
  margin: 0;
}
input[type="number"]{
  -webkit-appearance:textfield;
  -moz-appearance:textfield;
  -o-appearance:textfield;
  -ms-appearance:textfield;
  appearance:textfield;
}
/* 去掉input尾部上下小箭头 end */

去掉上下滚动鼠标,input type=number框里值变动的效果

<el-input type="number" v-model.number="numberData" @mousewheel.native.prevent></el-input>

相关文章

网友评论

      本文标题:去掉element中input type=number尾部上下小

      本文链接:https://www.haomeiwen.com/subject/vmrczltx.html