Изменение размера окна с помощью CSS Как изменить размер флажка (globaly) без класса и идентификатора? Возможно ли это сделать иначе, чем: input[type=checkbox] { zoom: 1.5; } Ответ 1 поля input могут быть оформлены по вашему желанию. Поэтому вместо масштабирования вы могли бы input[type="checkbox"]{ width: 30px; /*Desired width*/ height: 30px; /*Desired height*/ } РЕДАКТИРОВАТЬ: Вам нужно будет добавить дополнительные правила: input[type="checkbox"]{ width: 30px; /*Desired width*/ height: 30px; /*Desired height*/ cursor: pointer; -webkit-appearance: none; appearance: none; } Проверьте эту скрипку http://jsfiddle.net/p36tqqyq/1/ Ответ 2 Возможно, вы захотите это сделать. input[type=checkbox] { -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ padding: 10px; } Ответ 3 Попробуй это <input type="checkbox" style="zoom:1.5;" /> /* The value 1.5 i.e., the size of checkbox will be increased by 0.5% */
Ответ 1 поля input могут быть оформлены по вашему желанию. Поэтому вместо масштабирования вы могли бы input[type="checkbox"]{ width: 30px; /*Desired width*/ height: 30px; /*Desired height*/ } РЕДАКТИРОВАТЬ: Вам нужно будет добавить дополнительные правила: input[type="checkbox"]{ width: 30px; /*Desired width*/ height: 30px; /*Desired height*/ cursor: pointer; -webkit-appearance: none; appearance: none; } Проверьте эту скрипку http://jsfiddle.net/p36tqqyq/1/
Ответ 2 Возможно, вы захотите это сделать. input[type=checkbox] { -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ padding: 10px; }
Ответ 3 Попробуй это <input type="checkbox" style="zoom:1.5;" /> /* The value 1.5 i.e., the size of checkbox will be increased by 0.5% */