Question

在Chrome中，“select”字段的字体大小和字体系列不符合预期的css规则。

我的样式表声明font-family应为'Open Sans'，font-size应为14px。但是，它又回归到'Lucida Grande'和11px。

Chrome浏览器开发人员工具的屏幕截图对此进行了总结 - 国家/地区选择字段是相关项目：

以下内容无法解决问题：

html, body, input, select, textarea, button {
   font-family: 'Open Sans', sans-serif;
   font-size: 13px;
}

有趣的是，它只在我的机器上执行此操作（mac mini mavericks）;在同一浏览器中测试其他人（Windows 7/8）会导致错误。还有其他人处理过这个问题吗？是否需要一些设置来覆盖默认值？

Answer 1

一个近乎解决方案是在Mac上使用以下内容将字体大小增加到13px - 但这会导致Windows上大量的48px：

select {
  font-size: -webkit-xxx-large;
}

或者，以下内容将重置有关menulist外观的所有内容，从头开始构建（字体大小/系列采用CSS规则或继承）：

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

理想情况下，简单的字体调整不需要重置关于menulist的所有内容......

Answer 2

每当CSS的级联方面出现意外情况时，它显然不是开发人员引入的错误，那么它很可能与!important命令有关。有人可能已将!import应用于CSS的某些早期部分中的样式。尝试将其应用于您的样式以查看它是否有效。