如何使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>

Answer 2

选中的答案仅适用于Chrome。

对于IE和Firefox，我在这里找到答案：https://stackoverflow.com/a/39555400/1937033