iphone - Padding on input element not working as expected on mobile safari (iphone)

Question

Why doesn't padding work properly in iphone safari? Padding-right to be exact

Simple Html:

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

and CSS:

.content{
    padding:18px;
}

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

It works in anothers browsers. Any solution? Image:

link

Answer 1

实际上，只需删除填充

.inputsBlock{
    padding: 0;
}

http://jsfiddle.net/LKhtM/9

仅在模拟器上测试