datalistのリストへCSSを適用したい

Question

<input type="text" list="animals" id="animal" placeholder="動物">
<datalist id="animals">
<option value="さる"></option>
<option value="とり"></option>
<option value="いぬ"></option>
</datalist>

上記のようにdatalistをつかってコンボボックスを作ったのですが、
出てくるリストの文字サイズ等がinputとは異なり気持ちが悪いです。

初期化用のCSSが適用されていない時点で
もうCSSをいじっても意味がなさそうですが、
JQueryをつかうなど、何か解決方法はありますでしょうか？

Answer 1

datalistは諦めて、JQuery uiのautocompleteを使ってコンボボックスを実装しました。

Answer 2

optionにcssで__font-size__を指定しても想定どおりの結果になりませんか？

Comments

[nobuzoh]

ならないです。
直接sytleを記入してもなりません。