SELECT选项ICON FONT在Firefox 64.0及更低版本中不起作用

Question

我有一个使用图标字体的选择框。 在每个浏览器（甚至是Edge和IE）中，这些框和选项都可以正确显示，但是只有Firefox在选项列表中没有图标（只有值）。

它会正确显示带有当前选定图标的选择框，但是如果您在选项中看不到图标，这将毫无用处。

我在这里和Google上进行了搜索，但仅获得了插件（我不想使用！）或几年前无法解决的解决方案。

许多人说Java语言是必经之路，但我尝试过的方法不起作用。 我真的需要使它正常工作，因为要使用它的大多数人都使用Firefox。

有人可以帮我吗？

@font-face {
  font-family: 'Directional';
  src: url('fonts/Directional.eot');
  src: url('fonts/Directional.eot') format('embedded-opentype'),
  url('fonts/Directional.woff2') format('woff2'),
  url('fonts/Directional.woff') format('woff'),
  url('fonts/Directional.ttf') format('truetype'),
  url('fonts/Directional.svg#Directional') format('svg');
}

.directional {
  font-family: 'Directional' !important;
}
select {
  font-family: 'Directional' !important;
}
option {
  font-family: 'Directional' !important;
}