How to always show the "increment arrows" in a matInput of type number?

Question

A picture is worth a 1024 words:

How do I force those arrows to show all the time ? By default, they only appear on hover.

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

I could not find anything, and I am not even sure how these buttons are called.

Answer 1

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

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