1

Столкнулся с такой проблемой, что у элемента textarea не получается полностью убрать отступ в Safari (iPad). Даже при margin: 0; padding: 0; border: 0; текст все равно смещается вправо и вниз на несколько пикселей (то есть его нельзя подогнать впритык к краю textarea).

У элемента input такой проблемы нет. Также текст правильно смещается во всех остальных браузерах, включая десктопную версию Safari.

1 ответ 1

0

Опытным путем выяснил, что смещение элемента (extra margins) является общим явлением для всех устройств iOS (смещение textarea на 3 пикселя). Единственный вариант - вручную смещать text-indent, когда пользователь заходит через iPhone/iPad:

if(/iPhone|iPad|iPod/i.test(navigator.userAgent)){
  textareas = document.getElementsByTagName('textarea');
  for(i = 0; i < textareas.length; i++){
    textareas[i].style['text-indent'] = '-3px';
  }
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.