Wie Datalist Pfeil immer sichtbar zu sein

Question

Ich versuche Datenlistenelement immer sichtbar zu haben. Als Standard nach dem verlorenen Fokus verschwindet der Pfeil.

ich möchte es immer so: Hier ist die 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>

UMWELT: Eckige Richtlinie

Irgendwelche Ideen, wie um es zu erreichen?

Best,

Answer 1

ich der Pfeil immer sichtbar mit CSS bekommen haben:

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>

Answer 2

Die geprüfte Antwort funktioniert nur für Chrome.

für IE und Firefox, fand ich die Antwort hier: https://stackoverflow.com/a/39555400/1937033