Y a-t-il un moyen d'appliquer un style CSS sur les options datalist HTML5?

je voudrais modifier la façon dont la liste des différentes options de mon datalist sont affichés. Est-il possible d'y appliquer certaines 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 il ne semble pas fonctionner.

40
demandé sur Volker E. 2012-12-04 03:12:28

2 réponses

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

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

41
répondu Adrift 2013-02-23 15:40:40

essaie:

input[list]
{
  background: red;
}
-5
répondu jarrodean 2015-04-20 21:23:08