Как настроить правильное отображение чекбоксов на разных браузерах?

Question

[Kyrat Farre]

На сайте есть стилизованный input'ы (чексбоксы)
(width: 44px;)
height: 34px;)

В Google Chrome они отображаются правильно, а вот Mozilla Firefox игнорирует этот стиль, какие костыли нужно применить, чтобы заставить Mozilla Firefox правильно отображать чебоксы ?

Answer 1

[Anna_BS]

codepen.io/CreativeJuiz/pen/BiHzp
codepen.io/l4ci/pen/hLwEg
input скрывается, а before или/и after лейбла можно стилизовать под него

Answer 2

[Денис Инешин]

Нативные чекбоксы нельзя стилизовать кроссбраузерно. Но можно использовать плагины, которые имитируют их поведение. Например Ion.CheckRadio