Afficher les flèches dans la case Input sous android

Bonjour,

Voilà j'ai trouvé comment afficher les flèches d'une input type number.

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

<input type="number" id="case2" size="4">

Sur pc, tout va bien. Mais sur un smartphone elles n'apparaissent pas.

Comment les afficher ? et aussi les agrandir ?

Cordialement
Jérôme

Salut,
pourquoi vouloir les afficher sur mobiles ?
Pas super pratique de toucher ces petites flèches avec un doigt. Enfin c'est mon avis
Et normalement le fait que ton input soit de type number devrait afficher le clavier mobile contenant uniquement des chiffres.

Si c'est pas le cas test ça

<input type="number" pattern="[0-9]*" inputmode="numeric">

Modifié par RhumIsis (16 Jun 2023 - 12:12)

Bonjour,

Pourquoi : par choix.
Sur pc, les petites flèches sont pratiques. Un clique long permet dans mon cas d'augmenter la valeur du input plusieurs fois.
Je souhaite avoir le même système pour mobiles/tablette.

Pour remplacer les flèches, j'ai ajouté 2 bouton qui sur "onclick" augmente la valeur de input.
Mais cette valeur qui doit augmenter de 1 en 1, n'augmente pas en continu comme avec les flèches.

Cordialement
Jérôme

Et bien désolé, mais je n'ai pas la réponse, j'aurais fait comme toi en ajoutant le outer

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1
}

Mais de ce que j'ai pu tester ça ne semble pas fonctionner, désolé
Modifié par RhumIsis (16 Jun 2023 - 14:08)

Oué merci.
Bon je vais du coup ouvrir un autre sujet.
Je laisse de coté les flèches.

Cordialement
Jérôme