Блог

Главная - Вопросы по программированию - Флажок ввода смехотворно большой в iOS Safari

Флажок ввода смехотворно большой в iOS Safari

#html #ios #css #checkbox #mobile-safari

#HTML #iOS #css #флажок #mobile-safari

Вопрос:

Проверил мой сайт в iOS Safari, и я получаю этот огромный флажок ввода, который выглядит так, как будто он выполнен в системном стиле. Можно ли это оформить или, может быть, сделать немного меньше?

Проблему можно проверить здесь

1

Ответ №1:

Установите padding для флажка значение 0 (или значение, которое вам больше нравится).

 .gdlr-core-input-wrap.gdlr-core-large input:not([type="button"]):not([type="submit"]):not([type="file"]) {
  /* padding: 20px 22px; */
  padding: 0;
}

введите описание изображения здесь

Комментарии:

1. это ново для меня, я не знал, что вы можете установить отступы для флажков

Ответ №2:

Решение Хоффмана не работает на моем веб-сайте, но эти дополнения в css работают:

@поддерживает (-webkit-touch-callout: отсутствует) { /* CSS, специфичный для устройств iOS */ ввод[тип=флажок] { -webkit-преобразование: масштабирование (0,5, 0.5); } }