Убрать стрелки в input[type=»number»] с помощью CSS
17 декабря 2019
Простой пример, как убрать стрелки в поле input[type=»number»] с помощью CSS:
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance:textfield;
}
Важное дополнение: по прежнему можно менять числа в поле обычным скроллом мышки или стрелками на клавиатуре «Вверх-Вниз».
Событие ‘click’ не срабатывает на iPhone и некоторых мобильных браузерах — решение проблемы
Часто в мобильной версии сайта используется кнопка типа «бургера» для вызова основного меню сайта. На…
fadeIn() для flex-контейнера
Суть задачи в том, чтобы сделать плавное появление и скрытие flex-контейнера. Если использовать просто fadeIn(),…
Задаем размер 100vh без прокрутки для мобильных устройств
Суть задачи будет понятна для тех, кто уже столкнулся с этой проблемой. Но попробую объяснить…
Делаем блоки одинаковой ширины с помощью Javascript
Можно сделать блоки одинаковой ширины с помощью Flex, можно задать ширину с помощью фиксированных размеров,…
