Тема: Стилизация checkbox\\\'a (WAP/WEB мастеру/Помощь мастерам)

RuSInet (22 Nov 2014 в 09:16)
<input type=\"checkbox\" ...
??

RuSInet (22 Nov 2014 в 09:17)
Поле для поставления галочек?

RuDati (22 Nov 2014 в 09:18)
Да. Я не прйму, как его стиль менять. Before применял - не помогает

RuSInet (22 Nov 2014 в 09:19)
input [type=\"checkbox\"]{
тут  стиль
}

RuSInet (22 Nov 2014 в 09:19)
понял?

RuDati (22 Nov 2014 в 09:24)
Я на дурака, по - твоему, похож?! 
1. Кроссбраузерностью тут не пахнет
( нужно -webkit, -o, -moz и тд)
А Кроссбраузерность - вещь важная.
и второе:
С андроида не пашет ни с какого браузера.
Даже input[type=\"checkbox\"] + label не хочет перекрывать родной стиль.

RuSInet (22 Nov 2014 в 09:34)
RuDati, у меня все работает

Engine (22 Nov 2014 в 10:42)
Им нельзя указывать стили. Но можно сделать небольшой хак. 
Скрыть само поле и стилизовать допустим span и обернуть все это в label. 
 
Пример:
<label> 
<input type=\"checkbox\" style=\"display: none\"> 
<span class=\"твои стили\"><span> 
</label>
 
То есть спан визуально должен быть похож на флажок

Engine (22 Nov 2014 в 10:54)
Ps. Сразу отвечаю на вопрос «как менять стиль span если поставить/убрать галочку»
 
input[type=\"checkbox\"] + span { 
Стиль без галочки
} 
 
 
input[type=\"checkbox\"]:checked + span { 
Стиль с галочкой
}

scpasis13 (22 Nov 2014 в 11:05)
--Цитата--
RuDati (22 Nov 2014 в 09:24):
Я на дурака, по - твоему, похож?! 
1. Кроссбраузерностью тут не пахнет
( нужно -webkit, -o, -moz и тд)
А Кроссбраузерность - вещь важная.
и второе:
С андроида не пашет ни с какого браузера.
Даже input[type=\"checkbox\"] + label не хочет перекрывать родной стиль.
----------
RuDati, должно все работать.походу ты не так сохраняешь файл. Туда можно картинку поставить к примеру выбор пола женская и мужская картинка.посмотри правильность сохранения файла. И будит работать

RuDati (22 Nov 2014 в 13:59)
--Цитата--
scpasis13 (22 Nov 2014 в 11:05):
RuDati, должно все работать.походу ты не так сохраняешь файл. Туда можно картинку поставить к примеру выбор пола женская и мужская картинка.посмотри правильность сохранения файла. И будит работать
----------
Уберите этого дибила

RuDati (22 Nov 2014 в 14:01)
--Цитата--
Engine (22 Nov 2014 в 10:54):
Ps. Сразу отвечаю на вопрос «как менять стиль span если поставить/убрать галочку»
 
input[type=\"checkbox\"] + span { 
Стиль без галочки
} 
 
 
input[type=\"checkbox\"]:checked + span { 
Стиль с галочкой
}
----------
Engine, про такой способ я знаю))
Но там так или иначе нужно подключать JQuery библиотеку для того, чтобы наш спан отсылал серверу свое значение. А я хочу без библиотек.. Похоже, что облом. Тогда подключу библиотеку оформления гугла, там наш флаг был:)

scpasis13 (22 Nov 2014 в 14:09)
--Цитата--
RuDati (22 Nov 2014 в 13:59):
Уберите этого дибила
----------
RuDati, сам дибил

Источник: http://www.dcms-social.ru/forum/20/44/55576/