在Chrome浏览器中，HTML5验证时字体会改变。

Question

3

我在使用HTML5验证时遇到了一个奇怪的问题。

请查看这个fiddle Fiddle

当我在没有选择任何选项的情况下提交表单时，会出现验证错误（这是预期的行为），但是下拉菜单的字体也会改变（注意nights中的g）。

这种行为只在Google Chrome中可见，在Mozilla中运行良好。

我希望验证后它们仍然保持一致。

- Ravi

@Ravi，这是Google Chrome的默认设置，你需要编辑Chrome才能更改它。我尽力使用CSS来避免更改它，但是这是无法更改的！ :( 我仍在努力解决这个问题。 - Muhammad Talha Akbar

你能不能用js或jQuery代替那个？ - Muhammad Talha Akbar

这是几天前在SO上出现的问题：http://stackoverflow.com/questions/14007767/select-option-style-change-on-submit-when-using-required-with-angular-js - cimmanon

1

@cimmanon，那里的人们也在说Chrome有bug！ - Muhammad Talha Akbar

@cimmanon 谢谢你提供的链接... 但是有没有解决方案呢？ - Ravi

显示剩余9条评论

2个回答

0

你是如何定义字体的？在某个时候，Chrome 存在一个 bug，如果主要字体没有用引号括起来，它将无法正确解析字体系列，例如：font-family: 'Source Sans Pro', sans-serif;

- Ray

定义字体没有问题。 - Ravi

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ravi · Accepted Answer

我在浏览器详细信息中找到了解决方案。这是Chrome的默认行为。