How to modify the style of "select" in html

Question

I want to use some font in "select" like this:

<select style="font-family:Coming Soon;font-size:18px;">

The test result like this:

In firefox and IE11, it looks right. However, in chrome and safari：

Can you tell me what's wrong please?

Answer 1

Hope you're using google fonts to style the select items. If so, then you'll have to add the link as http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'> inside and then apply font-family style to the select item.