html native combobox, show drop down arrow

<!DOCTYPE html> 
<html> 
<body> 

<form action="demo_form.asp" method="get"> 
    <input list="browsers" name="browser" placeholder="choose browser"> 
    <datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
    </datalist> 
</form> 
</body> 
</html>

Использование приведенного выше кода. Выпадающая стрелка показывает только, когда пользователь наводится на вход . Как установить элемент ввода, чтобы всегда показывать значок выпадающего списка?html native combobox, show drop down arrow

источник

2016-04-06 anaval

Оформить заказ на мой ответ, может быть, это может помочь. – claudios

Возможный дубликат [Как сделать стрелку Катализатора всегда видимой] (http://stackoverflow.com/questions/35196782/how-to-make-datalist-arrow-to-be-always-visible) – Pbk1303

Попробуйте этот маленький стиль css, а затем перезагрузите страницу.

input::-webkit-calendar-picker-indicator { 
     opacity: 100; 
    }

источник

2016-04-06 02:37:21 claudios

благодарю вас много! – anaval

Хорошо, что это сработало для вас. – claudios

html native combobox, show drop down arrow

ответ

Смежные вопросы