Javascript 选择下拉列表在firefox中提供空白选项

我有一个select元素，里面有选项，在Firefox中不会显示

这应该显示3个不同的选项。在Chrome和Safari中工作良好。我一直在寻找解决方案，但似乎没有任何效果。显然这是Firefox中的一个bug。这是html

。选择字段{
显示：内联块；
宽度：100%；
背景色：#005D5D；
边界半径：.5em；
保证金：0自动；
}
.选择字段>选择{
浮动：左；
宽度：100%；
背景色：透明；
边界：0em；
填充：.5em；
字号：1em；
颜色：白色；
背景：url（“./menu\u arrow.svg”）不重复97%50%；
-moz外观：无；
-webkit外观：无；
外观：无；
}

街头斗士5
Tekken 7
惊奇漫画vs卡普康：无限

如果我在Firefox中运行，这一切都很好

你也能分享你的CSS吗

<div id="games">
            <div className="select-field">
                <select onChange={this.props.gameProp}>
                    <option value="streetfighter" label="Street Fighter">Street Fighter 5</option>
                    <option value="tekken" label="Tekken">Tekken 7</option>
                    <option value="mvci" label="Marvel vs Capcom: Infinite">Marvel vs Capcom: Infinite</option>
                </select>
            </div>
        </div>

街头斗士5
铁拳7
惊奇漫画vs卡普康：无限

CSS在哪里？你能提供这个问题的一个工作片段吗？你能上传小提琴或科德森吗？如果你不考虑使用这个bug的选择，那么你可以简单地列出与单选按钮的游戏选择。或者使用datalist html5功能，在该功能中，用户可以键入游戏名称并获得可用游戏的建议，并且可以使用javascript中的类似事件来创建datalist onselect。起初我认为可能不是CSS，因为我没有直接更改选项标记，但是在注释掉所有影响select标记的CSS之后，它似乎起了作用。很抱歉，我更新了我的帖子。这可能与我的CSS有关。注释掉CSS修复了它。我已经用你的CSS更新了代码片段，我没有看到任何错误，它工作正常，清除你的firefox缓存，然后再次尝试。在缓慢注释完所有内容后，我发现问题出在

部分中的这部分
颜色：白色
。选择字段>选择

部分。奇怪的是，它在小提琴中起作用，但小提琴的外观却不一样。这很奇怪，但很高兴知道你现在让它起作用了。