html输入字体

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% 确定没有其他字体系列标签其他地方。

这是什么原因造成的？为什么？

最佳答案

输入字段通常在浏览器的默认样式表中设置自己的样式。这通常意味着依赖于浏览器的字体系列和大约 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;
}

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

关于html输入字体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9101411/