Изменения CSS не отображаются в браузере iPhone (Mobile Webkit / Safari)

Question

У меня есть мобильная веб-страница, которая представляет собой простую форму с кнопкой отправки.

Я только что попытался увеличить размер кнопки отправки в файле CSS, а также встроить ее непосредственно в кнопку отправки, и она не отображается.

Если я использую расширение Ripple для Chromeтам показано (но Ripple пока не имеет точного вида элементов формы iPhone).

Мне было интересно, если это известная проблема - например, если браузер удаляет стилизацию с кнопок отправки и т. д.это то, что я делаю неправильно.

Строка, о которой идет речь, просто:

<input type="submit" value="Submit" class="submit" style="text-align: center; width:30%; height:50px; "/>

Answer 1

Это должно помочь вам

-webkit-внешний вид: нет;

добавить его к вводимой кнопке

Answer 2

Правило высоты не будет применяться к кнопке, если вы не укажете "border: 0". Тем не менее, вы потеряете стиль кнопки по умолчанию, но вы можете вернуть стиль с помощью своего собственного CSS.

Не уверен, если вы пытаетесь расположить кнопку отправки по центру формы - но если это так, вам следует установить для кнопки значение «display: block», а затем добавить «margin: 0 auto». Правило выравнивания текста не обязательно.