angular-material - 如何始终在类型为 number 的 matInput 中显示 "increment arrows"？

Question

一张图值1024个字:



我如何强制这些箭头一直显示？ 默认情况下，它们只出现在悬停 上.

<input matInput type="number" placeholder="Value" [(ngModel)]="myValue">

我找不到任何东西，我什至不确定这些按钮是如何调用的。

Answer 1

这与浏览器有关，因为在使用 Firefox 时不会显示。您可以添加此 css 来解决 Chrome 中的问题。

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}