Можно ли сделать стилизацию чекбоксов и радио без тонны кода?

Question

[Иван]

возможно ли стилизовать таким образом не используя сотню строк кода?
т.е width и height возможно поменять, но если я правильно понимаю, элементарно цвет границ уже не получится так просто поменять?
видел, как стилизуют при помощи after & before, но в итоге получается очень громоздкий код.

Answer 1

[htovit]

https://codepen.io/fantomfreak/pen/vEQbMa

Comments

[xonar]

Люди обошли вас стороной, а ваш вариант очень понравился. Точнее он правильный. Спасибо, сохранил ваш вариант себе в коллекцию!

[Сергей delphinpro]

xonar, htovit,
Да, это почти правильный вариант.
Единственный косяк - не используйте display:none для скрытия инпута.
Его можно сделать прозрачным и абсолютным, z-index в минус и убрать подальше left:-9999px. И будет ок.