相关疑难解决方法(0)

在iOS/WebKit textarea中删除3个像素

我正在尝试创建一个textarea看起来完全像一个div.

但是,在iOS上有3个像素来自我无法删除的地方.

这是我的代码:

<!doctype html>
<title>Textarea test</title>
<style>
textarea, div
{
  background: yellow;
  font: 13px arial;
  border: 0;
  padding: 0;
  border-radius: 0;
  margin: 0;

  -webkit-appearance: none;
}
</style>
<div>test</div>
<hr>
<textarea>test</textarea>
Run Code Online (Sandbox Code Playgroud)

这样渲染(我放大了):

3个额外像素

截图显示,在我要删除的文本之前有3个像素.据我所知,它不是边距/填充或边框.

这发生在我的iPhone和iPad上,都运行iOS 4.3.并且要清楚; 我的桌面上的Safari/Firefox/Chrome上没有显示这3个额外的像素.或者我兄弟的Windows Phone,就此而言.

编辑2011-08-10:
我刚刚测试了这个<input type=text>并且出现了相同的"填充"事物,除了它是1像素而不是3.

webkit textarea padding ios

24
推荐指数
1
解决办法
6067
查看次数

标签 统计

ios ×1

padding ×1

textarea ×1

webkit ×1