The following CSS used to work in all browsers that I have tested. It even has an option selector to handle Firefox.

```css
select,
option {
  font-family: "Lucida Console", Monaco, monospace;
}
```

```html
<select>
  <option>PN-2345&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The first element&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hardware</option>
  <option>Pn-1332-CFG&nbsp;&nbsp;Second thing&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Powdercoat</option>
</select>
```

The newest versions of Firefox no longer properly apply font family styles.
Former versions of Firefox, and every other major browser I've tested, fully apply the font family settings both to the select and to the items in the dropdown - now, it only gets applied to the select box itself, but NOT the dropdown.

[![Select box with partial support for the font (here shown in Impact). Note the items are not showing the proper font.](https://i.stack.imgur.com/03J22.png)](https://i.stack.imgur.com/03J22.png)

Does Firefox still support font-family changes to dropdowns? If so, how?