Как сделать стрелки элемента input number видимыми всегда

Элемент <input type=»number»/> по умолчанию скрывает стрелки для выбора количества, и делает их видимыми только при фокусировке не поле ввода. Чтобы стрелки отображались всегда, необходимо указать постоянную прозрачность для них в CSS

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