@freeman0204

Как сделать в кастомном radio круг ровным?

Круг темный не ровный какой то и не по центру визуально. Как это исправить? https://jsfiddle.net/h6cq2ocq/2/
  • Вопрос задан
  • 165 просмотров
Решения вопроса 1
FreeMan94
@FreeMan94
Frontend developer
Подправленный вариант: https://codepen.io/suberg/pen/RMvvbj
Круг лучше делать используя свойство background-clip: content-box и задать padding(для отступов по краям) тогда он будет по центру и при изменении размеров инпута.
Не понятно, почему некастомный инпут не скрывается полностью(display: none), а перемещается чуть ниже.
Недавно верстал похожий инпут, может быть полезным: https://codepen.io/suberg/pen/eMxbyo
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@BelkinVadim
Frontend разработчик
Могли бы вы приложить скриншот? У меня ваш пример отображается нормально. Вы же про круг чекнутой радиокнопки? Неровное выравнивание может быть из-за того что сам символ круга имеет нечетные размеры, а контейнер относительно которого он выравнивает - четные. Отсюда и смещение в 1 пиксель. Символ который вы используете в чекнутой радиокнопке размером не 30px, 30 - это размер текста, а размер данного символа меньше, фактический размер этого символа как раз и может быть нечетным
Ответ написан
Комментировать
KornevaViktoria
@KornevaViktoria
Frontend Developer
Ну много же примеров на том же codepen. Зачем придумывать велосипед. Не поленитесь, зайдите, посмотрите. Подправьте уже готовое решение под себя. Ваша верстка крайне слаба. Используйте классы для стилей, а не теги, хоты бы. Ну реально, больно смотреть.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы