1

私のサイトをテストするために Apple Store を回ったところ、iPad では、指定した 2 つの角だけではなく、すべての角に丸い境界線が設定されていることに気付きました。

関連コード:

. . .

    <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;
}

. . .

4

2 に答える 2

1

HTML コードの上にスタイルを配置する必要があります。また、iPad 用の Web キットも必要になる場合があります。

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

幸運を！

于 2012-08-07T20:37:32.803 に答える
1

新しい iPad では、すべての入力フィールドに半径が自動的に設定されます。radius プロパティをまとめて削除することで確認済み。

于 2012-08-12T18:03:45.317 に答える