国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS教程:表單元素不繼承body的字體屬性

2024-07-11 09:04:09
字體:
來源:轉載
供稿:網(wǎng)友

武林網(wǎng)(m.survivalescaperooms.com)文章簡介:所有的表單元素都不繼承body的字體屬性,需要單獨設置.

很多人喜歡在body中加樣式來控制全局字體的樣式,像字體、大小、顏色等。這些寫可以減少代碼,其實并不然,像表單里面元素就無法繼承body的字體屬性,先看下效果截圖:

下面是BODY樣式寫法:

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

上面效果截圖中表單里文本框的字面和表格字體并不是一樣的效果,為什么會這樣呢?是因為所有的表單元素都不繼承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>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 临沭县| 忻城县| 柞水县| 奉贤区| 涡阳县| 格尔木市| 老河口市| 肇东市| 安福县| 丹江口市| 樟树市| 东辽县| 曲周县| 申扎县| 平陆县| 抚松县| 绵阳市| 天门市| 庆云县| 曲靖市| 县级市| 分宜县| 团风县| 波密县| 泰来县| 合川市| 谷城县| 云梦县| 龙泉市| 神池县| 松滋市| 兰考县| 蛟河市| 新竹市| 都安| 浑源县| 察雅县| 安徽省| 大姚县| 穆棱市| 松桃|