2016-02-04 19 views
9

Sto cercando di visualizzare sempre l'elemento dell'elenco dei dati. Come standard dopo aver perso la concentrazione, la freccia scompare.Come rendere sempre visibile la freccia del datalogger

Vorrei averlo sempre così: Ecco la 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

AMBIENTE: direttiva angolare

Tutte le idee come per raggiungerlo?

migliore,

+1

C'è un motivo per cui stai usando un elemento DataList al posto di un selezionato? – JamieC

+0

datalist non è supportato da Safari a proposito –

+0

Possibile duplicato di [C'è un modo per applicare uno stile CSS alle opzioni del datalista HTML5?] (Http://stackoverflow.com/questions/13693482/is-there-a-way -to-apply-a-css-style-on-html5-datalist-opzioni) – JamieC

risposta

13

ho avuto la freccia sempre visibile usando i 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>

+0

Come impostare lo stile utilizzando jQuery/Javascript? Sono in una situazione in cui non ho accesso al css (facilmente). – abalter

+0

Ciao. Non ho potuto impostare usando jQuery. Puoi dare un'occhiata qui http://stackoverflow.com/questions/9438949/access-the-webkit-vendor-prefix-in-javascript – amol01

+2

@ amol01 qualche idea per gli utenti di Mozilla? Hai una pagina di riferimento per ':: calendar-picker-indicator' o una tabella di compatibilità che potresti collegare? Tks – 4lackof

Problemi correlati