Personnalisation de l'Incrément de Flèches sur l'Entrée de Type de Numéro à l'Aide de CSS

J'ai un input de type numéro de rendu en utilisant le code suivant:

<input class="quantity" id="id_form-0-quantity" min="0" name="form-0-quantity" value="1" type="number">

Il ressemble à ceci:

Personnalisation de l'Incrément de Flèches sur l'Entrée de Type de Numéro à l'Aide de CSS

Je voudrais le transformer en quelque chose comme ceci:

Personnalisation de l'Incrément de Flèches sur l'Entrée de Type de Numéro à l'Aide de CSS

Le second point de vue est émulées à l'aide de deux boutons séparés.

Comment ai-je pu style les flèches comme décrit?

OriginalL'auteur MadPhysicist | 2017-07-30