如何移除type="number"输入框内的箭头（组件内实现，禁用CSS文件）

数据老陈

2026-7-26

实现方案：聚焦时隐藏Number输入框箭头（组件内完成，基于Tailwind CSS）

可以在组件内通过嵌入CSS规则结合Tailwind实现需求，因为Number输入框的箭头由浏览器伪元素控制，无法通过内联style直接修改，以下是两种无需独立CSS文件的实现方式：

方法1：自定义类 + 组件内

相关产品推荐

方舟 Agent Plan

超全模态模型 × Harness 升级，最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分)，限时 9.9 元起

火山引擎最新活动

模型再升级,30秒超长叙事, 模态参考扩容

模型自由，工具不限，最新支持 Deepseek-V4 系列、GLM-5.3 系列

超全模态模型 × Harness 升级，最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列

大模型19元起，Al应用9.9元畅享，新人首购爆款尽享优惠