web-dev-qa-db-fra.com

Comment faire en sorte que la flèche Datalist soit toujours visible

J'essaie d'avoir l'élément de liste datalist toujours visible. En standard, après avoir perdu la concentration, la flèche disparaît. 

Je voudrais l'avoir toujours comme ceci: Voici le plunker: https://plnkr.co/edit/?p=preview

<input list="browsers" name="myBrowser" />
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

 enter image description here

ENVIRONNEMENT: Angular directive

Des idées comment y parvenir? 

Meilleur,

csshtml5html-datalist
13
amol01

J'ai la flèche toujours visible en utilisant css: 

input::-webkit-calendar-picker-indicator {
              opacity: 100;
           }
    <input list="browsers" name="myBrowser" />
    <datalist id="browsers">
      <option value="Chrome">
      <option value="Firefox">
      <option value="Internet Explorer">
      <option value="Opera">
      <option value="Safari">
    </datalist>

19
amol01

La réponse cochée ne fonctionne que pour Chrome.

Pour IE et Firefox, j'ai trouvé la réponse ici: https://stackoverflow.com/a/39555400/1937033

0
ThePhi