码迷,mamicode.com
首页 > 其他好文 > 详细

表单元素默认不继承样式

时间:2018-05-11 23:35:02      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:font   text   ack   The   浏览器   element   and   pre   form   

难题

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

表单元素默认不继承样式

标签:font   text   ack   The   浏览器   element   and   pre   form   

原文地址:https://www.cnblogs.com/xianshenglu/p/9026171.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!