新しい iPad では、すべての入力フィールドにデフォルトの境界半径が設定されています。このデフォルトの半径を取り除くにはどうすればよいですか?
CSS に border-radius プロパティがないこと、および MacBook Pro がサイトをレンダリングするときに半径がないことを確認しましたが、新しい iPad には実際にテキスト入力フィールドに半径があります。
新しいiPad専用ですか?それとも、すべての iOS デバイスに関係するものでしょうか? iOS デバイスの Safari ブラウザーは、入力要素に特定のスタイルを適用するためです。
ただし、次の方法でオフにすることができます。
input {
-webkit-appearance: none;
}
それを行うと、border-radius: 0
期待どおりに機能し始めます。
これは以前にここで数回回答されています: Turn off iPhone/Safari input element rounding。