Браузер iPhone изменяет размер шрифта заполнителя элемента формы

Question

Проблема, с которой я сталкиваюсь, НЕ связана с текстом на моей веб-странице, не имеет значения "внутри тега <p>, или убедитесь, что он находится в <div> и -webkit-text-size-adjust: none; или 100%;, не решает эту проблему.

То, о чем я говорю, - это значения placeholder, которые отображаются внутри текстового поля, изменяются размером в браузере iPhone, и это, в свою очередь, изменяет высоту каждого текстового поля и, в свою очередь,сбросив выравнивание полей формы с их фонами.

Ссылка на проблему (очевидно, посетите iphone, чтобы увидеть проблему)

Answer 1

Проблема была не в размере шрифта, а в самих полях ввода.Браузер iPhone добавил к ним отступ, так что это было исправлением:

`input{padding:1px 0;}`

Спасибо!

Answer 2

Глядя на ваш источник, похоже, вы пытаетесь использовать

<input type="blah" placeholder="text">

но вы не влияете на стиль заполнителя в тегах такого типа. Вместо этого вы должны использовать что-то вроде

input::-webkit-input-placeholder { ...whatever here... } 

, чтобы повлиять на стиль.

Проверьте эту ссылку на оформление заполнителей в различных браузерах .