Как сделать стрелку Datalist всегда видимой

Я пытаюсь всегда видеть элемент списка 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>

enter image description here

окружающая среда: угловая директива

есть идеи, как этого достичь?

лучший

13
css html-datalist html5

2 ответов

у меня есть стрелка, всегда видимая с помощью 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>
18

проверенный ответ работает только для Chrome.

для IE и Firefox я нашел ответ здесь:https://stackoverflow.com/a/39555400/1937033

0