Как провести изменение checkbox и radio?

Question

[Dmitry Mev]

Необходимы "костыли" на такую задачу.
Возможно, не хватает моих знаний и опыта. Но пробовал использовать как +label::before, так и +span.

Можно даже без border, хотя с ними было бы вообще отлично.

Заранее, спасибо.

Comments

[aen]

Задачу опишите подробнее, лично я не понял, что вы хотите.

[Dmitry Mev]

@aen хотелось бы средствами css (если возможно), сделать подобный <input type='radio'> как на картинке выше.
Собственно, при выделении вокруг появляется бордер, а "кнопка" заменяется изображением в виде галочки в круге.

Answer 1

[Graph]

Вот это имелось ввиду?
jsfiddle.net/5TS8M

Comments

[Dmitry Mev]

Имелось ввиду подобное, но данным способом, лично у меня не получилось сделать как на изображении.

Answer 2

[Кирилл Арутюнов]

А если через JS заменить чекбоксы и радио на div, а при клике по диву - обрабатывать чекбокс + добавлять диву класс checked, чтобы подгрузилась галочка.