HTML5 в Мобильном Safari, кажется, зафиксировал, неизменное левое и правое дополнение. Вот демонстрация плюс то, как это смотрит в Safari 5 и iOS4.
Как я могу избавиться от того дополнения?
Если вам не нужен нативный вид кнопок управления и все в порядке, создавая свой собственный стиль в CSS, просто добавьте -webkit-appearance: none
, и вы получите полный контроль над элементом.
Вы также можете попробовать -webkit-appearance: button
или -webkit-appearance: pushbutton
, чтобы также попытаться получить стиль по умолчанию.
Вы можете увидеть некоторые из этих в работе здесь .
Я решил эту проблему, заключив содержимое или ], используя jQuery и добавив следующее в сценарий ... ... и включив следующие стили на страницу Обратите внимание, что вы можете изменить внутренние отступы div в соответствии с вашими потребностями. Также обратите внимание, что это будет работать только с элементами
в
<button><div>Submit</div></button>
$('button').wrapInner('<div/>')
button { padding: 0; }
button > div { margin: 0 -1em; padding: 0.4em 0.8em; }
, но не с
или связанными элементами, поскольку они не могут содержать дочерние элементы.