CSS:表单元素不继承body的字体属性-css设计

王朝数码·作者佚名  2009-07-17
窄屏简体版  字體: |||超大  

很多人喜欢在body中加样式来控制全局字体的样式,像字体、大小、颜色等。这些写可以减少代码,其实并不然,像表单里面元素就无法继承body的字体属性,先看下效果截图:

下面是BODY样式写法:

body {

font-family: Arial, Helvetica, sans-serif;

font-size:12px;

}

--

上面效果截图中表单里文本框的字面和表格字体并不是一样的效果,为什么会这样呢?是因为所有的表单元素都不继承body的字体属性,需要单独设置,如:

input, label, select, option, textarea, button, fieldset, legend {

font-size:12px;

}

所以最终样式写法应该下面写法:

body {

font-family: Arial, Helvetica, sans-serif;

font-size:12px;

}

input, label, select, option, textarea, button, fieldset, legend {

font-size:12px;

}

--

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航