<select>元素字体默认为MS Shell Dlg </select>

Question

我使用以下内容：

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(/Content/images/bg.png) no-repeat center top;
    min-height: 100%;
}

我没有设置我的选择框样式，但我注意到使用firebug它们的字体是MS Shell Dlg。为什么这样，我怎么能让字体与身体相同？还有一个事实是他们对所有浏览器使用不同的字体相同吗？

Answer 1

浏览器通常在浏览器样式表中设置select元素的字体。这些设置可能因浏览器而异。要使字体与正文的字体相同，请将它们设置为相同，例如

body, select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

比照。质疑inherit “font-family” style in SELECT/OPTION。由于旧浏览器（例如，IE 7）缺乏支持，使用inherit值的可靠性低于显式设置。

请注意，字体大小也可能不同，通常情况下，浏览器在表单字段中的字体大小通常会有所减少。如果您希望使字体大小相同，请在上面的规则中添加以下内容：

   font-size: 100%;