डेटलिस्ट तीर को हमेशा दिखाई देने के लिए कैसे करें

Question

मैं हमेशा डाइटलिस्ट सूची तत्व को हमेशा दिखाई देने की कोशिश कर रहा हूं। ध्यान केंद्रित करने के बाद मानक के रूप में, तीर गायब हो जाता है।

मैं यह हमेशा की तरह इस करना चाहते हैं: 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>

पर्यावरण: यहाँ plunker है कोणीय निर्देश

कोई भी विचार कैसे इसे प्राप्त करने के लिए?

बेस्ट,

Answer 1

मैं मिल गया है तीर हमेशा दिखाई का उपयोग कर सीएसएस:

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

जाँच की जवाब क्रोम के लिए ही काम करता है। https://stackoverflow.com/a/39555400/1937033