Désactiver le webkit ' boutons spin s input type = « nombre » ?

Question

J'ai un site qui est principalement pour les utilisateurs mobiles, mais trop de bureau.

Sur le navigateur Safari Mobile, à l'aide de <input type="number"> fonctionne très bien parce qu'il apporte le clavier numérique sur les champs de saisie qui ne doit contenir que des chiffres.

Dans Chrome et Safari cependant, en utilisant le nombre d'entrées s'affiche spin boutons sur le côté droit du champ, qui ressemble à de la merde dans mon design. Je n'ai vraiment pas besoin de boutons, car ils sont inutiles lorsque vous devez écrire quelque chose comme un numéro à 6 chiffres de toute façon.

Est-il possible de désactiver cette avec -webkit-appearance ou certains autres CSS truc? J'ai essayé sans beaucoup de chance.

Answer 1

J’ai découvert qu’il y a une deuxième partie de la réponse à cela.

La première partie m’a aidé, mais j’avais encore un espace à droite de mon `` d’entrée. J’avais annulé la marge sur l’entrée, mais apparemment j’ai dû la marge sur le cône d’hélice ainsi à zéro.

Ce qu’il fixe :

Answer 2

Les dessous de css fonctionne pour Chrome et Firefox

Answer 3

Ne sais pas si c’est le meilleur moyen de le faire, mais cela rend les fileuses disparaissent sur Chrome 8.0.552.5 dev :

Answer 4

Il semble impossible d’empêcher les fileurs d’apparaître dans l’opéra. Comme une solution de contournement temporaire, vous pouvez faire Colocation les fileuses. Autant que je sache, le CSS suivant ajoute juste assez de rembourrage, seulement dans Opera :