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

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

image.png

<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’去掉上下箭头

相关文章
|
前端开发
css改input变输入框光标颜色demo效果示例(整理)
css改input变输入框光标颜色demo效果示例(整理)
|
3月前
|
前端开发 iOS开发
通过css内修改input框placeholder样式
通过css内修改input框placeholder样式
74 1
|
2月前
|
前端开发 JavaScript
vue实战范例——箭头步骤条/导航(含css 斜切skew的妙用)
vue实战范例——箭头步骤条/导航(含css 斜切skew的妙用)
162 0
|
4月前
|
JavaScript
vue element plus Input Number 数字输入框
vue element plus Input Number 数字输入框
309 0
|
4月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 066 JavaScript Number数据类型
编程笔记 html5&css&js 066 JavaScript Number数据类型
|
10月前
|
前端开发 数据安全/隐私保护
CSS去掉input框里面的默认字体颜色
CSS去掉input框里面的默认字体颜色
135 1
|
9月前
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
68 0
|
9月前
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
|
10月前
|
前端开发
css去掉input框里面的默认颜色
css去掉input框里面的默认颜色
69 0