elementui中el-input组件type为number时如何自定义上下按钮

效果图
image.png

现实效果
image.png

如何修改样式能和效果图一样的效果

阅读 4.6k
2 个回答
<el-input class="number-input" v-model="">
  <div slot="suffix" class="number-input-icon">
   <i class="el-icon-caret-top" @click="increase"></i>
   <i class="el-icon-caret-bottom" @click="decrease"></i>
  </div>
 </el-input>
样式自己写一下

这是浏览器赋予的默认样式,跟element无关

你想做修改,可以去除input[type=number]的默认样式,然后自己模拟

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题