Font-face,在Opera浏览器中混淆自动完成下拉列表

Question

正如我在标题中提到的,当使用css font-family,自定义字体(font-face)时,它会混淆(黑色背景,黑色文本(我猜))Opera中的自动完成下拉列表.

input[type='text'], input[type='password'], input[type='email'], input[placeholder] {
    font-size: 1.2em;
    font-family:  sans-serif;
    color: #2A873A;
    padding-left: 25px;
}

上面的代码工作正常,但如果我替换"font-family:sans-serif;" 使用一些font-face字体(谷歌网络字体),然后问题开始.

这是"bug"的截图.

PS我应该提一下,这是Opera的原生自动完成,而不是自定义js,下拉列表.

编辑: http ://jsfiddle.net/burCR/

Answer 1

您是否尝试过直接在 css 中指定字体？例如：

div.magicsomething {font-family:CustomFont,Customfont2,sans-serif;}

请记住，嵌套元素会卡在自定义字体中，因此如果您不执行上述操作，您可能也非常需要font-family:inherit“嵌套元素”。

如需额外帮助，请提及自定义字体的名称、完整的 CSS 以及指向您网站的实时链接