sfd
Как стилизовать type="radio" - html / css
type="radio" один из самых сложно поддающихся стилизации элиментов в html. Его вид напрямую зависит от настроек браузера и везде выглядит по-разному. Если мы хотим стилизовать инпут, нам нужно полностью сбросить вид стандартных кружков и добавить стилизацию для "накладных" HTML: делаем сам инпут: <input class="rooms-radio-real" type="radio" value="1"> и рядом делаем span для "накладной" опции <span class="rooms-radio-fake">1</span> CSS: (сбрасываем все стили) .rooms-radio-real {
opacity: 0;
appearance:...
Кастомный Range Input (Slider)
Долго искал в Сети слайдер с дополнительными кнопками для установки предустановленных значений. Не нашел (искал вроде бы хорошо). Решил сделать сам. Для создания слайдера использовал Vue.js. Выкладываю здесь, может кому пригодится. Материал с сайта phpnick.ru. Ссылка на материал - https://phpnick.ru/posts/category/js/72 Итак, для создания кастомного Range Input или слайдера или slider’a нужны 3 составляющие, немного html, гораздо больше css и еще больше js-кода. Взболтать, но не перемешивать...