css:input数字编辑框number去掉右侧上下箭头

阅读 85

2022-06-04

实现效果css:input数字编辑框number去掉右侧上下箭头_css实现代码

<style>
/* 去掉右侧上下箭头 */
.mo-input--number input::-webkit-outer-spin-button,
.mo-input--number input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.mo-input--number input[type="number"] {
-moz-appearance: textfield;
}
</style>

<div class="mo-input--number">
<input type="number" />
</div>

参考
​​​input设置type=‘number’去掉上下箭头


精彩评论(0)

0 0 举报