Стилизация radio button

467
24 ноября 2016, 10:13

Возможно ли сделать radio button, чтобы были не "кружками", а вместо них мои изображения?

Answer 1

input[type="radio"]{display: none;} 
 
label{ width: 30px; height: 30px; display: inline-block; } 
 
label.bla1{background: url("http://bbcsproducts.com/carsharing//public_html/uploads/preferences/1453751767_90404.jpg") center no-repeat; width: 50px; height: 50px; } 
 
input[type="radio"]:checked+label{ 
    border: black solid 1px; 
}
<input type="radio" name="bla1" value="bla1" id="bla1"/> 
<label for="bla1" class="bla1"></label>

READ ALSO
Почему длинное слово выходит за границы блока?

Почему длинное слово выходит за границы блока?

Почему контент выходит за пределы div'a num-box ?.

431
Как в gulp работает слияние потоков (stream merge)

Как в gulp работает слияние потоков (stream merge)

Для процессинга CSS я использую gulp с autoprefixer и doIuse. Потребовалось добавить к стилям файл стороннего разработчика, причем так, чтобы он включался...

469
Кастомный класс селекта для DateTimeType на Symfony 3

Кастомный класс селекта для DateTimeType на Symfony 3

Доброго всем времени суток. Я кастомизирую форму, сгенерированную автоматически с помощью генератора CRUD.

341
Задний фон подбивался под размеры

Задний фон подбивался под размеры

Всем доброго времени суток. На сайте есть "шапка",фон белый.

350