Я пытался заставить свой веб -сайт выглядеть униформой на iOS. Кажется, что iOS применяет стили по умолчанию к любым кнопкам, используемым в формах. Мне удалось удалить все стили по умолчанию, за исключением того, что текст кнопки отказывается выравнивать центр на iOS. Вместо этого выравнивает справа. < /P>
Я попробовал все, что я мог найти. Вот код. < /P>
input[type="submit"] {
width: 100%;
color: white;
background-color: #012F50;
padding: 1.25em 0;
font: inherit;
font-size: 1rem;
border-radius: 0;
border: none;
text-align: center;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}< /code>
My site
< /code>
< /div>
< /div>
< /p>
Это веб-сайт в Windows in Chrome
Это все еще на рабочем столе, но в мобильной точке представления
это кнопка отправки на ios in chrome < /p>
. Кнопка отправки предполагает, что указание ширины для кнопки была проблемой, и что я скорее должен использовать набивку, чтобы выровнять текст, который не имеет смысла. Я хочу, чтобы моя кнопка покрывала полную ширину контейнера. Я не уверен, актуально ли это. Я подозреваю, что проблема связана только с CSS.
Подробнее здесь: https://stackoverflow.com/questions/795 ... ork-in-ios
