Вопросы Теги

Удалить 3 пикселя в текстовом поле iOS / WebKit

Я пытаюсь создать текстовое поле , которое выглядит точно как 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>

Он выглядит так (я увеличил масштаб):

3 extra pixels

Как показано на скриншоте, перед текстом, от которого я хочу избавиться, есть 3 пикселя . Насколько я понимаю, это не поля / отступы или граница.

Это происходит на моих iPhone и iPad, работающих под управлением iOS 4.3. И чтобы было ясно; эти 3 дополнительных пикселя не отображаются в Safari / Firefox / Chrome на моем рабочем столе. Или Windows Phone моего брата, если на то пошло.

РЕДАКТИРОВАТЬ 2011-08-10:
Я только что проверил это на и той же самой "padding" отображается, за исключением того, что это 1 пиксель вместо 3.

24
задан Tom Lokhorst 10 August 2011 в 20:17
поделиться