Css Rails collection_select标记在使用windows查看时显示不正确，但在OSX中显示良好

我使用了一个collection_select标记，在Mac上查看时看起来很好，但在运行Windows的pc上查看时，它显示如下：

<%= collection_select :matchup, :player_2, Player.order('full_name ASC'), :id, :full_name, {}, { :multiple => false, class: "matchupSearchField", id: "player_2_search_field" } %>

我在这两台电脑上都使用了Chrome，所以我很惊讶地发现它们看起来不一样

标签如下所示：

<%= collection_select :matchup, :player_2, Player.order('full_name ASC'), :id, :full_name, {}, { :multiple => false, class: "matchupSearchField", id: "player_2_search_field" } %>

有没有想过为什么会发生这种情况

如果您想观看直播，您可以在本页底部附近看到所选的收藏：

---

谢谢

Chrome在不同平台上对动态大小元素进行填充计算时遇到了一个问题。看看这个

嘿，伙计，你是怎么发现这个错误的？

右键单击右侧选择器>检查元素>计算选项卡上的Chrome-比较OSX和Windows之间的结果。在OSX上，您计算了0px的填充（根据CSS，这是错误的），而Windows则正确地将其设置为10px

解决方法是在CSS中将选择器的填充显式设置为0px