如何始终在数字类型的matInput中显示“增量箭头”？

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;
}