Voici quelques titres basés sur des questions qui correspondent au contenu de votre article : * Comment toujours afficher les flèches haut/bas pour les entrées numériques ? * Pouvez-vous forcer les flèches haut/bas sur les entrées numériques dans tous les navigateurs ?

Pouvez-vous toujours afficher des flèches haut/bas pour les numéros de saisie ?

Il est courant de vouloir avoir des flèches haut et bas pour un champ de saisie de type « numéro ». Par défaut, ce n'est pas toujours le cas, alors comment pouvez-vous y parvenir ?

Approche basée sur CSS

Si vous utilisez Chrome, vous pouvez essayer d'utiliser la propriété -webkit-apparence :

<code class="CSS">input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: "Always Show Up/Down Arrows";
}</code>

Cependant, cette approche peut ne pas fonctionner de manière cohérente sur tous les navigateurs.

Solution d'opacité

Une alternative qui est plus largement prise en charge consiste à ajuster la propriété d'opacité :

<code class="CSS">input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}</code>

Cette approche rend essentiellement les flèches toujours visibles, même si elles ne sont pas initialement affichées.

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!