css - 在 Chrome 的 iframe 内下拉额外的空白

Question

我可以在 iframe 的下拉列表周围看到一些额外的空白。

测试环境:

• Chrome 版本 78.0.3904.87(我最近更新了)
• Windows 10
• 仅在 iframe 内发生

背后的原因是什么，如何解决？

body{
background: black;
}

<select>
      <option>Samsung Phone</option>
      <option>Apple</option>
      <option>Nokia</option>
      <option>LG</option>
</select>

这是它的样子

Answer 1

当它位于 iframe、Chrome 版本 78.0.3904.108 和默认设置为 125%(推荐)的比例和布局(鼠标右键单击桌面，选择显示设置)时，我遇到了同样的问题。

如果我将比例和布局设置回 100%，则选择下拉菜单是正常的。我怀疑这是 Chrome 的最新错误。

谢谢。