Как всегда показывать «стрелки увеличения» в 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;
}