隐藏数字输入 html ionic 上的旋转按钮

Question

我正在寻找一种故障安全方法来隐藏 Ionic HTML 模板中数字输入字段中的旋转按钮。

以下 HTML 代码显示带有微调器按钮的输入：

<ion-input type='number'></ion-input>

该type=number对于移动设备来说很方便，因为它会触发数字键盘。但是微调器按钮太小，无法获得良好的用户体验。

如何为所有浏览器/网络套件正确隐藏它们？ 谢谢

Answer 1

要在基于 webkit 的浏览器中隐藏它们，请将以下内容添加到您的 css 文件中：

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0; 
}

要在 Firefox 上隐藏它们，还要添加以下内容：

input[type=number] {
-moz-appearance:textfield;
}