输入元素上的填充在移动safari（iphone）上无法正常工作

Question

为什么padding在iphone safari中没有正常工作？填充 - 准确无误

简单的Html：

<div class="content">
   <input  class="inputsBlock"/>
</div>

和CSS：

.content{
    padding:18px;
}

.inputsBlock{
    width:100%;
    border:2px solid #000;
}

它适用于其他浏览器。有解决方案吗 图像：

link

Answer 1

实际上，只需删除填充

.inputsBlock{
    padding: 0;
}

http://jsfiddle.net/LKhtM/9

仅在模拟器上测试