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

[alleclf]

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

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

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

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

[AlexZaw]

Попробуйте text-align:center для кнопки

[Igor Schnaider]

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

[alleclf]

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

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

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

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

[Igor Schnaider]

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

[alleclf]

2 минуты назад, Igor Schnaider сказал:

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

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

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

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

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

[Igor Schnaider]

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

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

 

[AlexZaw]

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

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

 

[alleclf]

3 часа назад, AlexZaw сказал:

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

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

 

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

Спасибо.