Cách làm cho mũi tên Datalist luôn hiển thị

Question

Tôi đang cố gắng để có phần tử danh sách dữ liệu luôn hiển thị. Như tiêu chuẩn sau khi tập trung bị mất, mũi tên biến mất.

Tôi muốn có nó luôn luôn như thế này: Đây là 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>

MÔI TRƯỜNG: Chỉ thị kiễu góc

Bất kỳ ý tưởng như thế nào Để đạt được nó?

nhất,

Answer 1

Tôi đã có mũi tên luôn nhìn thấy được sử dụng 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

Câu trả lời kiểm tra chỉ hoạt động cho Chrome.

Đối với IE và Firefox, tôi thấy câu trả lời ở đây: https://stackoverflow.com/a/39555400/1937033