html输入字体

Question

body 标签上的 CSS:

body{
    font-family: 'Helvetica', Arial, Lucida Grande, sans-serif !important;
    font-size: 12px;
    line-height: 1.4;
    min-width: 1050px;
    min-height: 500px;
    color: #333333;
}

工作完美，但它似乎不适用于输入字段:S 出于某种原因(虽然那些输入字段没有样式)它使用 Lucida Grande 作为输入字段文本，其余只是 Helvetica，我 100% 确定其他地方没有其他字体系列标签。

这是什么原因造成的？

Answer 1

输入字段通常在浏览器的默认样式表中设置了自己的样式。这通常意味着依赖于浏览器的字体系列和大约 90% 的字体大小。

要设置它们的字体，您需要使用引用它们的选择器，例如使用

body, input { 
  font-family: 'Helvetica', Arial, Lucida Grande, sans-serif;
  font-size: 12px;   /* if that’s what you want... */
  line-height: 1.4;  /* somewhat excessive */
  color: #333333;    /* if that’s what you want, but it reduces legibility */
  background: white; /* always set background when you set color */
}
body {
  min-width: 1050px; /* if you really want this... */
  min-height: 500px;
}

(但请注意，这也会影响提交按钮)。