Html 下拉列表不适用于mozilla firefox，但适用于chrome

我试图创建一个下拉列表

HTML

铬结果 [1] :

Firefox结果

---

[2] ：

我无法确认您的问题。它在Firefox中运行良好。请参见代码片段：

div.dropdown\u容器{ 宽度：300px； 颜色：rgb9，9，12； } 选择.my_下拉列表{ 宽度：250px； 高度：20px； } 选择权{ 宽度：200px； 高度：60px； } 长期权 短的

---

我认为你的问题可能更多——值得注意的是，即使在Chrome中，你的下拉式字体也出现了一些不寻常的情况，在Firefox 85中单独使用给定的HTML+CSS进行测试时，这确实可以很好地工作

<div class="dropdown_container">
   <select class="my_dropdown" id="my_dropdown">
      <option value="1">LONG OPTION</option>
      <option value="2">short</option>
   </select>
</div>

div.dropdown_container {
  width:300px;
  color: rgb(9, 9, 12);
}

select.my_dropdown {
  width: 250px;
  height: 20px;
}

option{
 width: 200px;
 height: 60px;
}