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

首頁 > 開發 > CSS > 正文

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

2024-07-11 08:45:04
字體:
來源:轉載
供稿:網友

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 来安县| 抚顺县| 白玉县| 屏南县| 都昌县| 营口市| 巧家县| 永康市| 庄河市| 东明县| 旌德县| 司法| 根河市| 高尔夫| 贵溪市| 平昌县| 霍州市| 龙川县| 阿巴嘎旗| 潮安县| 内江市| 普定县| 南皮县| 成安县| 临夏市| 庆城县| 通化市| 安庆市| 晋州市| 怀集县| 固阳县| 泸州市| 肇源县| 彰化县| 衡阳县| 宜昌市| 扶绥县| 新邵县| 开鲁县| 新郑市| 石楼县|