データリストの矢印を常に見えるようにする方法

Question

データリストの要素を常に表示させようとしています。フォーカスが失われた後の標準として、矢印は消えます。私はいつもこのようにそれを持っていると思い

：ここ は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>

ENVIRONMENT：アンギュラディレクティブ

任意のアイデアはどのようにそれを達成するために？

ベスト、

Answer 1

私は、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>

Answer 2

確認答えはChromeのみで動作します。 IEとFirefoxの場合

、私はここで答えを見つけました：https://stackoverflow.com/a/39555400/1937033