CSS 表模块素不承继body的字体样式特性

日期:2020-09-29 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

许多人喜爱在body中加款式来操纵全局性字体样式的款式,像字体样式、尺寸、色调等。这些写能够降低编码,实际上其实不然,像表单里边元素就没法承继body的字体样式特性,先看下实际效果截图:

下面是BODY款式写法:

<style type="text/css">
<!--
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
-->
</style>

上面实际效果截图中表单里文字框的字面和报表字体样式其实不是1样的实际效果,为何会这样呢?是由于全部的表模块素都不承继body的字体样式特性,必须独立设定,如:

input, label, select, option, textarea, button, fieldset, legend {
    font-size:12px;
}

因此最后款式写法应当下面写法:

<style type="text/css">
<!--
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
input, label, select, option, textarea, button, fieldset, legend {
    font-size:12px;
}
-->
</style>