CSS下拉列表在Firefox中不起作用

我的Shopify网站在输入选择器下拉列表在Firefox中正确显示时遇到了一些问题。该字段显示并可单击，但不填充文本。适用于Safari、Chrome和IE

你知道是什么引起的吗

是的！
它用文本填充，但文本不可见

您的CSS显示以下内容：

height: 24px;
padding: 1.384615385em 0.615384615em;

这就是为什么没有地方放文字了

解决

增加高度

拆下顶部/底部衬垫

使用

框大小：边框框

，以便将填充添加到高度

---

将来尝试使用Web开发人员工具（在所有浏览器中都可用）调试此类问题，您会立即发现这些错误

无法在针对Mac的Firefox 25.0.1测试中重现您的问题。选定的“位置”已按预期添加到购物车。通过跟踪CSS中的填充问题解决。Shopify并不是我见过的最漂亮的代码：DSaid已经在我的解决方案中了。。。但没关系，你不必看答案。。。