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. Может кому пригодится.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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