Увеличение размера CheckBox

0

Я хотел увеличить ширину и высоту входного радио. Но когда я выполняю следующие стили CSS, это увеличивает ширину поля, окружающего радиокассету.

   input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

в чем проблема. Я просто хотел увеличить круглый размер радиоввода

благодаря

Теги:
checkbox

2 ответа

0

Невозможно изменить ширину/высоту встроенного радио и входов флажков. Это ограничение большинства браузеров (некоторые из них поддерживают изменение размера этих входов, но это не crossbrowser). Вы должны использовать библиотеку или плагин jquery, чтобы сделать это, большинство из того, что я видел, было сделано с использованием изображений, которые выглядели как эти входы, и имитировали исходный ввод, который был скрыт за кулисами.

0

вы можете использовать свойство transform

    transform: scale(2,2);

В некоторых браузерах это может не сработать, поэтому использование -webkit-, -moz- или -o- и scale значение может дать ему депикселированный вид.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню