Discussion :

[cyberbelette]

Bonjour,
Après avoir mis un certain temps à régler le css de mes champs select, input[type=submit] pour qu'ils s'affichent de la même façon sur tous les navigateurs, je vois que IOS remplace mon submit par un bouton de base. Ô horreur. Enfin c'est surtout ma flèche en code décimal qui perturbe Safari IOS, si je mets du texte : tout va mieux, plus d'aspect bouton (mais le texte + petit en version input).
J'ai testé mon submit en version input et en version bouton : pareil.
Vous pouvez voir le résultat sur codepen (avec un ipad ou un iphone) : pen/qKvGxE
Si quelqu'un avait une idée de css pour remédier à ça, même de css uniquement pour IOS avec media queries… Ce serait top !!
Merci d'avance à ceux-celles qui se pencheront sur ce problème…

[NoSmoking]

Bonjour,
il y a plusieurs façons de réaliser cette flèche via les caractères unicode :

⏵	⏵	\u23F5
▶	▶	\u25B6
►	►	\u25BA

laquelle utilises tu ?

[cyberbelette]

J'ai essayé toutes les valeurs proposées pour cette flèche, rien n'y fait. En désespoir de cause, j'ai fini par mettre "GO" à la place de la flèche, pour les ipad/iphones uniquement.

[NoSmoking]

Dans ce cas tu peux toujours utiliser un élément avec un peu de CSS pour afficher une flèche droite

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button type="submit"><span class="fleche-droite"></span></button>

avec le CSS suivant cela devrait le faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.fleche-droite {
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-width: .75em 1.75em;
  border-style: solid;
  border-color: transparent;
  border-right-width: 0;
  border-left-color: currentColor;
}

[Invité]

Bonjour,

+1 NoSmoking

• CSS triangle generator

• Table des caractères Unicode/U25A0

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="submit" value="&#x25B6;" />
<button type="submit" title="GO">&#x25B6;</button>

[cyberbelette]

Mais bien sûr, il faut créer une forme, génial ! Merci à vous 2…