• 0
alleclf

Странные кнопки на iPad

Вопрос

Некоторые кнопки на айпаде вроде как съезжают вправо. Причем, размер остается как нужно а то что внутри кнопки съезжает.

Вот пример - http://jsfiddle.net/n89amLps/2/

А вот что получается -

1936bff34a65a32f50ff4a43cedb29fc.png

на размер не обращайте внимания - на планшете разрешение выше чем на ноутбуке

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0
4 часа назад, Igor Schnaider сказал:

Она не съезжает, ей просто ширины не хватает. 

точно, ей ширины не хватает. Но почему? Где берутся лишние отступы по бокам и как их убрать?

добавлял padding:0; margin:0 - даже с !important не помогает

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
2 минуты назад, Igor Schnaider сказал:

padding: 0; border: 0; должно быть достаточно. Возможно, их другие стили перебивают.

я в самом конце css-файла прописываю с !important, не должно перекрываться

Попробовал перейти на input type="button" - ещё хуже получилось, даже заокругленные угли не могу убрать

Мне кажется сам браузер перебивает мои стили.

Раньше не обращал на это внимания. Не важно было если кнопка внизу под формой немного меняла стиль. А сейчас это принципиально.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Ну, тут гадать остается. Попробуйте расшарить свой проект, посмотреть что там. Или попробуйте повысить приоритет для проверки (независимо от местоположения ваших правил, у предыдущих может быть выше специфичность):

:root:root:root button { /* :-) */ }

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Возможно поможет:

button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
3 часа назад, AlexZaw сказал:

Возможно поможет:


button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

 

Сработало! вместе с обнуленным padding и border.

Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас