前言
以前写代码的时候总是喜欢在body元素中写字体属性,用以控制全局字体样式,后来发现表单元素中的字体样式并不能被控制,郁闷的不行。
解决方法
因为表单元素无法继承body的字体属性,所以要单独设置。
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; } input, label, select, option, textarea, button, fieldset, legend { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
特别说明
Form元素不继承body元素中字体的所有属性,包括font-family, font-size, color, font-weight, font-style 等。