HTML选择元素在Chrome for MacOS和Chrome for Windows上的呈现方式不同

Question

最近我工作的应用程序的一部分已经在Windows上进行了测试，我们发现Chrome for Windows和Ubuntu中某个特定UI上下文中的下拉/选择元素的呈现方式与Chrome for MacOS上的相同。

我已尝试检查不同操作系统上的Chrome开发工具中的元素和样式，但无法看到任何差异，这些差异可能导致下拉列表在一个上下文中出现预期，而在另一个上下文中完全无法使用。

我的问题是可以解释这种差异的原因，开发工具中是否有任何方法可以看到 的区别是什么？我是调试跨平台样式问题的新手，除了Chrome开发工具中的样式标签之外，我不确定从哪里开始，我还没有找到我想要的东西。

在macOS上：

在Windows和Ubuntu上：

（在屏幕截图中，似乎缺少月份，但它们只是白色的，所以除非突出显示，否则无法看到它们）：

Answer 1

选择主要由浏览器/操作系统设置。因此，您可以将其自定义到某个点（您可以使用-webkit-appearance: none;禁用某些默认样式，然后应用您需要的内容），但要真正使其看起来相同的在所有平台上，您必须使用div和li和JS

等常规元素伪造它