Html Firefox下拉箭头，每个元素的边框为0px，选择框为1px

我对firefox的以下css有一个奇怪的问题：

* {
    margin: 0;
    padding: 0;
    border: 0;
}

select {
    border: 1px solid #A3A3A3;
}

在chrome中，这种行为正确：

但在Firefox中，我得到了以下信息：

当我删除“border:0”和“border:1px solid#a3a3；”属性时，它可以正常工作：

---

有没有关于如何在chrome和firefox上获得相同显示的建议？谢谢

每个浏览器都有自己的css，我们必须根据您可以使用的浏览器设置一些css

-moz-appearance: none;

---

为此

我最终做了以下工作：

* {
    margin: 0;
    padding: 0;
}

并删除此属性：

select {
    border: 1px solid #A3A3A3;
}

通过这样做，每个元素的边框都由浏览器处理。如果我不需要元素的边框，我只需要在它的属性中加上“border:none”

---

问题仍然悬而未决，因为此解决方案无法真正解决原始问题。

请看这里，我已经检查了此问题。我不想删除箭头，我只想在屏幕截图中显示箭头，在文本和箭头之间加上填充物。为什么不使用自己的箭头进行样式设置？请阅读：这可能会让生活更轻松：