HTML输入字体

CSS对于身体标记：HTML输入字体

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对于某些原因（而这些输入字段没有造型）它使用龙力格兰德为输入字段文本和休息只是Helvetica，我100％肯定没有其他字体家庭标签其他地方。

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

来源

2012-02-01 randomKek

可以请你编辑你的问题与问题。只是说html输入字体是误导性的，并没有传达任何东西 – defau1t 2012-02-01 19:05:21

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

（但请注意，这也会影响提交按钮）。

来源

2012-02-01 18:52:27

如果你想避免为输入字段设置字体系列，并在你的css中使用“重置”，只需敲一下'font-family：inherit;'，它将继承为body或其他父元素指定的字体 – Yevgeniy 2013-01-04 12:19:32

@ Yevgeniy，所有的浏览器都不支持'inherit'，这在这里就没有必要了。 – 2013-01-04 15:51:28

尝试使用以下：

输入{ 字体家庭：继承; }

或者设置任何其他字体，让看看这个更改问题。

来源

2012-02-01 18:50:50 Alexandr

'inherit'的主要问题是IE不支持它。 – 2012-02-01 19:20:01

回答

相关问题