Wie man einen Listeneintrag formatiert

Question

Ich suchte nach einem automatisch vervollständigenden Textfeld, als ich auf Listen stolperte.

<label>Bad Habit 
    <input list="badhabits" id="habits" name="habit"/> 
</label> 
<datalist id="badhabits"> 
    <option value="alcaholics"> 
    <option value="smoking"> 
</datalist> 

Sie arbeiten, aber ich würde gerne wissen, wie man sie style, wie Sie mit anderen Eingaben (Tasten usw.) können. Ich habe versucht, es ein id geben und es auf diese Weise

#habits{ 
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 4px; 
    border-radius: 5px; 
} 

I

[type=list] { 
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 4px; 
    border-radius: 5px; 
} 

tun aslo versuchte dabei aber das hat auch nicht funktioniert. Kennt also jemand eine Liste?

Answer 1

Ich denke, das ist das, was Sie suchen

select { 
 
    border: solid 1px blue; 
 
    font-weight: bold; 
 
} 
 
option { 
 
    background-color:yellow; 
 
    color: red; 
 
    font-style: italic; 
 
}

<select> 
 
    <option value="">aaa</option> 
 
    <option value="">aaa</option> 
 
    <option value="">aaa</option> 
 
    <option value="">aaa</option> 
 
</select>