Comment supprimer l'arrondi des éléments d'entrée iPhone/Safari ?

Désactiver l'arrondi des éléments de saisie iPhone/Safari

Les éléments de saisie, tels que les champs de texte, ont souvent un style arrondi lorsqu'ils sont rendus sur Safari pour Appareils iOS. Cela peut entrer en conflit avec l’esthétique souhaitée d’un site Web. Heureusement, il existe des solutions CSS pour supprimer cet arrondi.

iOS 5 et versions ultérieures

Sur iOS 5 et versions ultérieures, le CSS suivant peut être appliqué pour éliminer le champ de saisie arrondi :

<code class="css">input {
  border-radius: 0;
}

input[type="search"] {
  -webkit-appearance: none;
}</code>

Si une suppression spécifique à la plate-forme est nécessaire, la propriété -webkit-border-radius peut être utilisée à la place :

<code class="css">input {
    -webkit-border-radius: 0;
}</code>

Versions héritées

Pour les anciennes versions d'iOS, la propriété -webkit-apparence: none a été utilisée :

<code class="css">input {
    -webkit-appearance: none;
}</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!