表单元素默认不继承样式

难题

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