表单元素默认不继承样式
Posted xianshenglu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了表单元素默认不继承样式相关的知识，希望对你有一定的参考价值。
难题
- 可能有人已经注意到了，有时
button或者input是不会默认继承样式的，尤其是font，直观就能看出来了。
原因
根据SO的回答，因为浏览器会采用系统默认的样式来渲染大部分的表单元素，而且这个默认的样式文件还能找到。想深入了解的可以戳下方参考文档链接。
方案
主动加上inherit，并不是什么好方案，但是也没找到更好的。
.form-element {
font:inherit;
}参考文档：
Why textarea and textfield not taking font-family and font-size from body?
Font-family is not inherited to the form input fields?
以上是关于表单元素默认不继承样式的主要内容，如果未能解决你的问题，请参考以下文章