Supprimer la flèche Datalist Dropdown dans Chrome

Chrome a apparemment ajouté une flèche déroulante aux entrées de texte qui font référence à un . Il apparaît dans Chrome 34 (Canary) mais pas dans la version stable actuelle (Chrome 31).

Il apparaît uniquement lorsque le champ de texte est mis au point (voir mise à jour) et est appliqué aux deux types de saisie, le text et la search .

Cela pourrait être pire en ce qui concerne les implémentations de navigateurs natifs, mais comme vous pouvez le voir dans l’image, cela entre en conflit avec mes spécifications de conception.

entrer la description de l'image ici

Est-ce que quelqu’un sait comment supprimer ou remplacer cette nouvelle fonctionnalité?

   

Mettre à jour:

La flèche apparaît également lorsque le champ est survolé (pas seulement focalisé) et a malheureusement sa propre couleur d’arrière-plan lorsque le bouton est survolé:

entrer la description de l'image ici

Grâce au commentaire d’ Alexander Farkas , voici la règle de style pour supprimer la flèche:

 input::-webkit-calendar-picker-indicator { display: none; } 

Merci à Cantera. Je ne voulais pas me débarrasser entièrement de la flèche noire, juste du carré gris qui l’entourait.

 input::-webkit-calendar-picker-indicator { background-color: inherit; } 
 input::-webkit-calendar-picker-indicator { opacity: 0; } 

Aussi supprimé la flèche pour moi et j’ai trouvé créé une meilleure expérience de clic pour toujours cliquer sur la flèche serait, vous pouvez même augmenter la largeur et la hauteur> 1em et dans l’entrée peut-être mettre une flèche personnalisée comme image d’arrière-plan, où serait la flèche.

essayez l’ -webkit-appearance: none qui devrait supprimer les styles par défaut