Стиль для checkbox

Рейтинг: 1Ответов: 1Опубликовано: 21.03.2015

Как для checkbox применить красный border и сделать галочку красным цветом?

css html checkbox
Источник: Stack Overflow на русском

Ответы

▲ 2

Я вам дам "крутую" наводку, а дальше сами, Ок? ( http://jsfiddle.net/4qqjhtw7/ )

input { display: none; }
input + i { /* some style */ }
input:checked + i { /* some style */ }

<label>
    <input type="checkbox" />
    <i></i>
    Checkbox Label
</label>

Единственный минус - для IE8 нужно скриптовать и "вручную" навешивать класс, от IE9+ работает прекрасно! Для полноты ответа скрипт для "отсталых" браузеров такой: http://jsfiddle.net/vtdb8rh3/1/