Html Chrome选择框选项文本在打开时扭曲

在my Chrome版本37.0.2062.120中打开时，选择框中选项标记之间的文本无法正确呈现

有关此问题的清晰说明，请参见随附的屏幕截图

当我选择一个选项并将焦点从框中移开时，将选择正确的选项，并在关闭选择框时正确渲染

我已经在Canary 39.0.2161.0和FF中测试了相同的功能，它可以正确地渲染而不失真

我以前从未见过这样的情况

与Chrome最近的字体渲染更新有关吗

非常感谢您的帮助

链接到页面，表单位于底部：

---

更新：一个对我有效的修复方法是将SVG字体的位置从@font-face堆栈向下移动到底部

---

您应该在select标记上添加类

class=“表单控制”

你今天的头号人物是谁？
销售额
竞争
行销投资报酬率
定位

我以前吃过这个。为您的选择使用标准（即非web）字体。我不知道为什么网页字体会引起问题…但它们确实会

---

另请参见。

您应该在选项标签上添加样式。您可以显示代码吗？这是链接：表单在底部。谢谢您的回答。这让我找到了确认的bug标签：我觉得奇怪的是，它在金丝雀中工作，但在Chrome中不工作。也许这是一个很快就会修复的迹象？对我来说，一个有效的修复方法是将SVG字体的位置从@font-face堆栈向下移动到底部。

<select id="category" class="form-control">
     <option value="">Your top callenge today?</option>
     <option value="Sales">Sales</option>
     <option value="Competition">Competition</option>
     <option value="Marketing ROI">Marketing ROI</option>
     <option value="Positioning">Positioning</option>
</select>