主页 / 问题 / 686087
Accepted
Dmitry Maslennikov
Asked:2020-07-02 02:14:10 +0000 UTC2020-07-02 02:14:10 +0000 UTC

如何删除文本区域中的填充（iPad 版 Safari）？

  • 772

在Safari（iPad）中遇到textarea元素无法完全去除缩进这样的问题。即使使用 ，margin: 0; padding: 0; border: 0;文本仍会向右和向下移动几个像素（也就是说，它不能与文本区域的边缘齐平）。

输入元素没有这个问题。此外，文本在所有其他浏览器中都正确偏移，包括 Safari 的桌面版本。

css

1 个回答

  1. Best Answer

    根据经验发现，元素偏移（额外边距）是所有 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';
  }
}
    • 0

相关问题