Rose debug info
---------------

Как убрать стрелочки с input type=«number»

У input с типом number и при наведении на него всегда появляются стрелочки для увеличения/уменьшения значения и их требуется скрыть.

<input type="number" step="1" min="1" max="10" name="quantity" value="1">

Для этого необходимо для такого input прописать данный стиль:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- По-видимому, какая-то разница все еще есть, хотя она и скрыта */
}
Поделиться
Отправить
 51   20 дн   css   html