Discussion :

[LeGilou]

Bonjour,

Tout est dans le titre.
J'aimerais masquer ou supprimer les boutons +/- associés au champs input[type=number]

Pourquoi ? par ce que je voudrais utiliser le spinner de jquery-ui, tout en conservant le pavé numérique lors des affichages sur clients tablettes et téléphones mobiles.

Voila le code

html5

Code :

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

1
2
 
<input type="number" />

jquery

Code :

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

1
2
 
$('input[type=number]').spinner();

mais en faisant ça, certains navigateurs cumulent les boutons HTML5 et ceux du spinner jQuery

Merci pour votre aide,
Gillou.

[LeGilou]

Finalement, j'ai trouvé :

En css

Code css :

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

1
2
3
4
5
input.ui-spinner-input[type=number]::-webkit-inner-spin-button,
input.ui-spinner-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}