边界半径属性| iPad上的显示不正确，但iMAC不显示

Question

在苹果商店周围测试我的网站，发现iPad在我的所有角落都放了圆形边框而不是我指定的两个。

相关代码：

。 。

    <div id="wr_un_pass" >
      <input name="pass" id="un_pass" type="password" maxlength="20" >
      <p id="un_pass_lab" class="un_lab">Password</p>
      <p id="un_but">SignUp</p>
      <p id="un_rc">SignUp</p>
    </div>
  </form>
   <div id="un_rb" class="i_box_r" ><p id="un_rt" >Please enter all fields</p></div>
</div>
<style>
#un_pass{
  border-top-left-radius:  4px;
  border-bottom-left-radius:  4px;  
  width:  200px;
  height:  29px;
  color:  #888887;
  border:  1px solid #cccccc;
  font-size:  18px;
}

。 。

Answer 1

你应该把风格放在html代码上面，你可能还需要iPad的webkits。

-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;

祝你好运！

Answer 2

新iPad会自动为我的所有输入字段添加半径。通过删除radius属性进行验证。