html Native Combobox, Dropdown-Menü anzeigen Pfeil

<!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>

Verwenden Sie den obigen Code. Der Dropdown-Pfeil wird nur angezeigt, wenn der Benutzer den Mauszeiger über die Eingabe hält. Wie lege ich fest, dass das Eingabeelement immer das Symbol des Dropdown-Menüs anzeigt?html Native Combobox, Dropdown-Menü anzeigen Pfeil

Quelle

2016-04-06 anaval

Kasse meine Antwort vielleicht könnte es helfen. – claudios

Mögliches Duplikat von [So machen Sie Datalist-Pfeil immer sichtbar] (http://stackoverflow.com/questions/35196782/how-to-make-datalist-arrow-to-be-ways-visible) – Pbk1303

Probieren Sie diesen kleinen CSS-Stil, dann laden Sie Ihre Seite neu.

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

Quelle

2016-04-06 02:37:21 claudios

danke so viel! – anaval

Gut zu hören, dass es für dich funktioniert hat. – claudios

html Native Combobox, Dropdown-Menü anzeigen Pfeil

Antwort

Verwandte Themen