2

Здравствуйте. В HTML, checkbox имеет некий стандартный размер (именно область, где ставится крестик или там птичка). Мне надо его увеличить. Например, на 20 пикселей. Как это сделать?

2 ответа 2

1

Это нельзя сделать. Не рекомендую использовать height, width и padding - это даст непредсказуемый эффект в разных браузерах. Можно заменить чекбокс другим элементом (лучше ссылкой, т.к. на нее можно переводить фокус), и стилизовать уже его. У самого чекбокса вместо type="checkbox" сделать type="hidden", и менять value по клику на заменяющую чекбокс ссылку с помощью JavaScript.

3
  • Блин, как сложно. Но все равно, спасибо. 13 июл 2011 в 8:25
  • Да ничего сложного там нет, ссылку можно стилизовать двумя картинками, 1- до клика, 2- я после клика(флажок установлен), можно ещё конечно для наведения 2, но это уже заморочка. При этом ты получишь уникальные поля checkbox.
    – trec
    13 июл 2011 в 13:49
  • Да у меня задача просто была сделать программно генерируемый HTML-код на основе некоего xml-файла, который является чем-то вроде бланка. Т.е. то, что здесь предлагается - легко, но в моем случае - тяжелее. 13 июл 2011 в 18:12
0

Отличный, легковесный плагин jQuery для стилизации html-элементов типа checkbox. Очень прост и в тоже время эффективен: jquery-checkbox. Может кому пригодится.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.