метка к чекбоксу

[hike]

Здравствуйте! Здесь http://htmlbook.ru/blog/kartinka-vmesto-chekboksa описан способ кастомизации чекбокса, и в первом же комменатрии спрашивают, куда тогда выводить текст метки. У меня тот же вопрос, а текст метки как вывести, если label используется под кастомизацию?

[Tilonorrinco]

Может быть не совсем правильно понял вопрос, но что мешает добавить метку внутри label? Просто в виде текстового узла, или в виде отдельного тэга. 

http://jsbin.com/hevohar/edit?html,css,output

[AlexZaw]

Можно добавить описание внутри label и потом двигать паддингами, можно через псевдо элементы и двигать позиционированием.

[hike]

AlexZaw, не поняла Ваш ответ.

[AlexZaw]

Стилизуется не  сам, label а спан находящийся внутри него.

Текст пишем как обычно внутри тега label, после чего с помощью паддингов отодвигаем текст куда нужно.

Либо прописываем текст метки с помощью псевдо элементов after или before, затем с помощью position опять же двигаем в нужное место

[andrey7287]

Как вариант псевдоселекторы.  Плюс подхода в том что текст можно задавать в аттрибутах и выводить функцией attr. То есть можно легко вывести разный текст для разного состояния, что требуется  в большинстве случаев

 

Edited October 26, 2017 by andrey7287