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

Question

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

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

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

Благодаря

Answer 1

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

Answer 2

вы можете использовать преобразование свойству

transform: scale(2,2); 

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