blood-moon
@blood-moon
Фрилансер

Как сверстать такой radiobutton?

666f543c0cebd594713286.png

Может jq плагин какой есть ?
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
IvanU7n
@IvanU7n
какой, нафиг, плагин, да ещё и к jQuery? это же элементарная конструкция
<label><input type="radio"><span>1</span></label>
плюс что-то типа
label > input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
label > span {
  display: flex;
  align-items: center;
}
label > span::before {
  content: '';
  width: 2em;
  height: 2em;
  border-radius: 50%;
  border: 2px solid #888;
  background: content-box #FFF0;
  padding: 2px;
}
label > input:checked + span {
  background-color: #00F;
  border-color: #00F;
}

допиленное по вкусу и необходимости
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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