如何使Datalist箭头始终可见

Question

我试图让datalist列表元素始终可见.在聚焦丢失后作为标准,箭头消失.

我希望它总是这样:以下是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>

环境:角度指令

任何想法如何实现呢？

最好,

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>