如何让input number类型的标签不产生上下加减的按钮

it2022-07-04  124

之前用 input type="number" 来放数字框,发现有个上下加减的东西,感觉不太好

这个容易出现0 然后减为负数

这种情况下怎么去掉右边的那个上下加减的小按钮呢?前端同事告诉我加一点css就行了

<style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; } </style>

果然这样一加,就没有了。

 

转载于:https://www.cnblogs.com/lizhaoyao/p/7568687.html

相关资源:Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能

最新回复(0)