I cant make hover for inputs

HTML-CSS
1

what’s the problem with my code?

html

<input type="text" id="dropdown" list="listid" placeholder="Select current role">
 <datalist id="listid">
   <option >Student</option>
    <option >Full time job</option>
    <option >Full time learner</option>
    <option >Prefer not to say</option>
    <option >Other</option>
</datalist>

css

datalist:hover {
  background-color:blue;
}
2

the datalist element has very little flexibility in styling

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.