Comment désactiver l’arrondi des éléments d’entrée dans Safari ?

Désactiver l'arrondi des éléments de saisie dans Safari

Lors du développement de sites Web pour les navigateurs iPhone et Safari, vous pouvez rencontrer un problème où les champs de saisie de texte s'affichent une apparence arrondie et distrayante qui entre en conflit avec la conception globale du site Web.

Pour résoudre ce problème et afficher les champs de saisie sous la forme rectangulaire prévue, indiquez à Safari d'utiliser le code CSS suivant :

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

Pour les champs de saisie désignés à des fins de recherche, utilisez le CSS supplémentaire suivant :

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

Si l'isolement de la suppression de l'arrondi sur les appareils iOS est nécessaire, utilisez le -webkit-border-radius : 0 ; propriété. Cependant, sachez qu'Apple pourrait cesser de prendre en charge les propriétés préfixées à l'avenir.

Pour les anciennes versions d'iOS, utilisez -webkit-apparence: none; à la place :

<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!