当input类型为number时，消除输入框内的箭头

可以通过CSS样式来消除输入框内的箭头，如下所示：

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

这段CSS代码会将输入框内的箭头样式设置为无，并且将margin设置为0，这样就不会显示箭头了。

相关问题

Ant Design input类型为number时，去除上下增减按钮

要去除 Ant Design Input 组件中的上下增减按钮，可以设置 input 节点的 `type` 属性为 `"number"`，然后利用 CSS 的伪类选择器 `::-webkit-inner-spin-button` 和 `::-webkit-outer-spin-button` 来隐藏上下按钮，示例代码如下：

import { Input } from 'antd';
import styled from 'styled-components';

const StyledInput = styled(Input)`
  &::-webkit-inner-spin-button,
  &::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
`;

// 使用时：
<StyledInput type="number" />

这段代码中，我们使用了 styled-components 库来定义一个新的样式化的 Input 组件，并在组件内部使用 `::-webkit-inner-spin-button` 和 `::-webkit-outer-spin-button` 选择器来隐藏上下按钮。在使用时，我们只需将 type 属性设置为 `"number"` 即可。

如何在html的form表单里input类型为number，控制输入的数字大于0

你可以在 `<input>` 元素中使用 `min` 属性来控制输入的数字大于0。例如，下面的代码会创建一个数字输入框，它只允许输入大于0的数字：

<input type="number" name="quantity" min="1">

在这个例子中，`min` 属性的值为1，这意味着用户只能输入大于等于1的数字。如果用户尝试输入小于1的数字，浏览器会阻止提交表单并显示一个错误消息。