web-dev-qa-db-fra.com

Existe-t-il un moyen d'appliquer un style CSS aux options de la liste de données HTML5?

Je voudrais modifier la façon dont la liste des différentes options de ma liste de données est affichée. Est-il possible d'y appliquer des propriétés CSS?

<input list="languages" id="language_id">
<datalist id="languages">
      <option value="html">HTML</option>
      <option value="Java">Java</option>
      <option value="Perl">Perl</option>
      <option value="php">PHP</option>
      <option value="Ruby-on-Rails">Ruby on Rails</option>
</datalist>

J'ai essayé

option {
    background: red;
}

mais cela ne semble pas fonctionner.

csshtml5optionhtml-datalist
54
n0n0bstan

Comme les éléments select, l'élément datalist a très peu de flexibilité dans le style. Vous ne pouvez pas styliser les termes suggérés si c'est ce que votre question demandait.

Les navigateurs définissent leurs propres styles pour ces éléments.

57
Adrift