html输入字体

Question

身体标签上的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%肯定没有其他font-family标签其他地方.

造成这种情况的原因是什么？

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;
}

(但请注意,这也会影响提交按钮).