Question

我想添加一个有限字符输入。只有数字和。（点）作为小数分隔符。默认情况下，箭头上下有增加和减少数字，在这种情况下我想隐藏箭头。

这是我的代码：

用于隐藏箭头的CSS：

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

HTML code：

<input id="abc" type="number" class="abc" name="abc" pattern="[0-9]+([\.][0-9]+)?" readonly="readonly" step="0.000000000000000001" title="The number input must start with a number and use dot as a decimal character." value="" />

主要问题：

上面的代码在Chrome浏览器中完美运行但在FireFox中失败。

在Chrome浏览器中：

我无法输入逗号，我只是输入数字和点。我只想要数字和点数。
我可以随心所欲地隐藏箭头。

在Firefox中我仍然可以输入逗号（，）。我想只使用点（。）作为小数分隔符。在Firefox中，上下箭头仍然出现。有什么帮助吗？

输入类型编号在Chrome和Firefox浏览器中具有不同的形状

0 个答案: