html - 边界半径属性 | 在 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 属性进行验证。