表单元素默认不继承样式

难题

• 可能有人已经注意到了，有时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?