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月前
|
前端开发 UED
CSS3:linear-gradient&input&inset&table
本文介绍了 CSS 中的 `linear-gradient` 渐变、`input` 样式、`inset` 简写属性、`border-collapse: collapse` 表格边框合并以及 `&lt;label&gt;` 元素的 `for` 属性。通过示例代码和解释,帮助读者理解这些 CSS 特性及其应用。
60 13
|
7月前
|
前端开发 iOS开发
通过css内修改input框placeholder样式
通过css内修改input框placeholder样式
118 1
|
6月前
|
前端开发 JavaScript
vue实战范例——箭头步骤条/导航(含css 斜切skew的妙用)
vue实战范例——箭头步骤条/导航(含css 斜切skew的妙用)
340 0
|
8月前
|
JavaScript
vue element plus Input Number 数字输入框
vue element plus Input Number 数字输入框
447 0
|
8月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 066 JavaScript Number数据类型
编程笔记 html5&css&js 066 JavaScript Number数据类型
|
前端开发 数据安全/隐私保护
CSS去掉input框里面的默认字体颜色
CSS去掉input框里面的默认字体颜色
153 1
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
107 0
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式

热门文章

最新文章