在ubuntu OS（Mozilla Firefox Browser）中选择框下拉列表显示黑色背景

Question

我正在vue.js中使用MDB Bootstrap 4。我在网页中使用了选择框，该选择框在所有浏览器和OS中均能正常工作，但在Ubuntu OS（Mozilla Firefox浏览器）中，选择框下拉菜单显示的是背景，而将鼠标悬停在显示橙色的背景上。我不知道该如何解决此问题，任何人都可以帮助我。我已经附上了屏幕截图和我的编码

<select class="mdb-select">
<option value="" disabled selected>Choose your option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>

这是此问题的示例图像