当每个元素的边框为0px而select为1px时，Firefox下拉箭头

Question

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

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

select {
    border: 1px solid #A3A3A3;
}

在Chrome中，这表现正确：

但是在Firefox中我得到了这个：

当我删除“border：0”和“border：1px solid＃A3A3A3;”时属性，它工作正常：

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

Answer 1

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

-moz-appearance: none;

这个

Answer 2

我最终这样做了：

* {
    margin: 0;
    padding: 0;
}

并删除了此属性：

select {
    border: 1px solid #A3A3A3;
}

通过这样做，每个元素都有浏览器处理它的边框。如果我不需要元素的边框，我只需要放置＆＃34; border：none＆＃34;在它的属性。

问题仍然存在，因为此解决方案并未真正解决原始问题。