html5에서 datalist 태그의 기본 선택기를 표시하는 방법은 무엇입니까?

Question

나는 마우스 커서를 가지고있을 때뿐만 아니라 드롭 다운 화살표 태그 데이터리스트를 항상 보여주고 싶다. 나는 다음과 같이 시도했다 :

input::-webkit-calendar-picker-indicator { 
    display: visible; 
} 

아이디어가 작동하지 않는다? 답변에 미리 감사드립니다 !! :)

Answer 1

불투명도 트릭 나는이 질문에 대한 답을 알고 싶습니다

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>