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

• Z时代
• 2024-02-29
• 分类：IT

效果图

现实效果

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

回答：

<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]的默认样式，然后自己模拟

以上是 elementui中el-input组件type为number时如何自定义上下按钮 的全部内容， 来源链接： utcz.com/p/935406.html