Изменение стиля checkbox

[Арётм]

Не получается изменить стиль checkbox. Захожу в /catalog/view/theme/шаблон/stylesheet/stylesheet.css, меняю и добавляю новый стиль, но checkbox или вообще пропадает, или изменений ноль.

Вот код изменённого checkbox который хочу добавить. В приложении мой stylesheet.css. Помогите, пожалуйста, изменить стиль checkbox.

input[type=checkbox].css-checkbox {
                            position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
                        }
                        input[type=checkbox].css-checkbox + label.css-label {
                            padding-left:25px;
                            height:20px; 
                            display:inline-block;
                            line-height:20px;
                            background-repeat:no-repeat;
                            background-position: 0 0;
                            font-size:20px;
                            vertical-align:middle;
                            cursor:pointer;
                        }
                        input[type=checkbox].css-checkbox:checked + label.css-label {
                            background-position: 0 -20px;
                        }
                        label.css-label {
                background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_88e165907107655ea9eb70d952004505.png);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

 

stylesheet.css

[Seofisher]

Пользуюсь таким способом http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

[savage4pro]

еще варианты

bootstrap+fa (демо)

css3 (демо)