使用截断检查呈现的 Safari Select-Popup答案

【问题标题】：Safari Select-Popup rendered with truncated check使用截断检查呈现的 Safari Select-Popup
【发布时间】：2018-07-03 22:15:57
【问题描述】：

当我用appearance: none; 增加<select> <input> 的font-size 时，Safari 也会增加弹出选项的font-size，这会导致检查符号被截断。我该如何解决这个问题？

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 26px;
}

【问题讨论】：

Safari 版本？视网膜？在 Safari 9.0.1 (Retina) 中看起来不错。
在我的 OS X Yosemite 10.10.5 和 Safari 9.0.1 在 Retina 上看起来不正确，我有两个点而不是一个复选框。
无法在 OS X El Capitan 10.11.1 上重现（尝试了不同的屏幕分辨率和放大/缩小）。
相关问题：stackoverflow.com/questions/31707365/…
版本、视网膜和操作系统？非常旧的版本（在 5.1.7 上测试）显示传统的下拉菜单没有任何问题。从来没有版本（在 9.0.1 上测试）也显示得很好。在从传统下拉到弹出布局的过渡期间，必须是版本的错误。

【解决方案1】：

我们注意到基于 OSX 版本的奇怪差异。

我有 El Capitan 和 Safari 9.0.3 并且看不到省略号。但是我的同事让 Yosemitie 使用相同版本的 Safari 9.0.3，他确实看到了省略号。因此，该错误似乎可能与 OS/Safari 组合有关，而不仅仅是浏览器版本。

【讨论】：

【解决方案2】：

这是 Safari 中的一个错误。它在版本 9 中得到修复，但在 Safari 8（可能更早）中被破坏。我检查了 Safaru 9.0.1 - 看起来不错。

【讨论】：