input html5 上下加减,Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式

实现效果

先来看一下效果：

input type="number" 去掉上下小箭头

去掉上下小箭头，主要是css:

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

-webkit-appearance: none;

}

input[type='number'] {

-moz-appearance: textfield;

}

实现加减按钮样式及功能

template：

数字

(必填)

dense

flat

icon="remove"

class="number-btn"

@click="numberSub(model)"

/>

dens