input输入框为number类型时，去掉上下小箭头

最新推荐文章于 2024-10-06 23:48:35 发布

清晨-阳光zx

最新推荐文章于 2024-10-06 23:48:35 发布

阅读量6.4k

点赞数 6

分类专栏： Problem and Solution 文章标签： html 数字输入框去除上下小箭头 css

本文链接：https://blog.csdn.net/pro_fan/article/details/107683589

版权

Problem and Solution 专栏收录该内容

15 篇文章 3 订阅

订阅专栏

input输入框type为number时，去掉上下小箭头，方式如下：


<input type="number" ...>

<style>
	/* 在Chrome浏览器下 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    /* 在Firefox浏览器下 */
    input[type="number"]{
        -moz-appearance: textfield;
    }
</style>