亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

CSS網頁制作 表單button的行高問題

2024-07-11 08:26:00
字體：大 中 小
來源：轉載
供稿：網友
表單button的行高問題

下面我們先來看一個Demo的實例：

HTML Code

復制代碼
代碼如下:
<input type="submit" id="button" value="engage"/>

CSS Code

復制代碼
代碼如下:
#button {
border: 2px solid #06f;
color: #06f;
background-color: #6cf;
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 50px;
}

瀏覽器下的截圖：

多效果圖中，明顯的告訴我們，在Firefox和Opera瀏覽器中都存在問題，而且致命的一點是：“無論你通過什么手段去修改button的line-height，在Firefox和Opera瀏覽器下都無任何效果。”是什么導致的呢？（我以前從沒注意到他們有這樣的一個bug存在）?？戳松厦娴奈恼挛也胖溃瓉硎菫g覽器對定義button的line-height是不同的，我們來看看瀏覽器在Firefox下的解析line-height值的截圖：

從圖中告訴我們一個道理：button的行高在Chrome/Safari/IE8等瀏覽器解析正確的line-height(用戶自定的值“50px”);而在Firefox和Opera解析的line-height卻是默認的值，只有“15px”。那為什么會這樣呢？
要回答這個問題，我回答不出來，可能您知道是為什么？我只能把他當作是Firefox和Opera瀏覽器下的一個特點，換句話就是：這兩個瀏覽器的line-height默認值為normal并且還加了一個“!important”,類似于：

復制代碼
代碼如下:
button, input[type="reset"], input[type="button"], input[type="submit"] {
line-height:normal !important;
}

那我們是不是可以在設置值的時候也加個“!important”解決呢？我嘗試了，可是失敗了，那我們需要怎么來解決呢？

如何解決？

Rob Glazebrook在他的《The Firefox Input Button Line-Height Bug》教程中使用了一種方法——在button中不重置line-height的值，而是使用padding來制作相同的效果。這樣上面的實例可以這樣修改：


復制代碼
代碼如下:
#button {
border: 2px solid #06f;
color: #06f;
background-color: #6cf;
font: bold 12px Arial, Helvetica, sans-serif;
padding: 18px 6px;
}

這種辦法讓文本處在button的中心位置，雖然不是很理想，但我們又無法使用line-height來讓他在中心點位置，不知道您有沒有更好的方法。如果有的話，記得與我們一起分享。歡迎隨時在評論中留言。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
57pao成人国产永久免费| 国产精品欧美风情| 色婷婷久久一区二区| 国产精品久久久久久中文字| 欧美成人手机在线| 亚洲黄色在线看| 欧美激情一区二区久久久| 国产成人在线一区二区| 久久成人精品电影| 夜夜狂射影院欧美极品| 欧美日韩一二三四五区| 992tv成人免费影院| 欧美精品www在线观看| 日韩欧美亚洲国产一区| 韩国福利视频一区| 亚洲人a成www在线影院| 7m第一福利500精品视频| 国产精品揄拍一区二区| 亚洲第一偷拍网| 欧美重口另类videos人妖| 九九热这里只有精品6| 秋霞成人午夜鲁丝一区二区三区| 不用播放器成人网| 亚洲成人网久久久| 精品国产999| 国模私拍视频一区| 欧美—级a级欧美特级ar全黄| 日韩av大片在线| 日韩精品视频在线观看网址| 国产一区二区动漫| 久久久免费观看视频| 亚洲va欧美va在线观看| 日韩有码在线视频| 亚洲a∨日韩av高清在线观看| 色在人av网站天堂精品| 国产午夜精品理论片a级探花| 国产精品亚洲视频在线观看| 欧美另类高清videos| 丝袜亚洲欧美日韩综合| 欧美国产日韩一区二区| 欧美疯狂性受xxxxx另类| 精品福利在线看| 夜夜嗨av色一区二区不卡| 一本大道亚洲视频| 日本一区二区在线免费播放| 九九久久久久久久久激情| 狠狠躁夜夜躁人人爽天天天天97| 在线观看国产精品日韩av| 国产成人97精品免费看片| 亚洲色图校园春色| 91精品国产综合久久香蕉| 狠狠色香婷婷久久亚洲精品| 亚洲第一网中文字幕| 亚洲欧美综合区自拍另类| 久久91精品国产91久久久| 亚洲精品国产免费| 欧美成年人视频网站| 一区二区三区视频免费在线观看| 国产精品欧美日韩| 亚洲第一精品电影| 国产一区二区免费| 高清欧美一区二区三区| 欧美国产日韩视频| 国产一区二区日韩精品欧美精品| 亚洲天堂男人的天堂| 亚洲性av在线| 欧美激情一区二区三级高清视频| 日韩av免费在线| 亚洲欧洲在线观看| 精品女同一区二区三区在线播放| 欧美日韩在线观看视频| 久久久精品一区二区三区| 亚洲女人天堂色在线7777| 久久免费精品日本久久中文字幕| 日韩电影中文字幕在线| 精品香蕉一区二区三区| 91精品久久久久久久久久久久久久| 成人中心免费视频| 日韩中文字幕在线看| 91精品国产91久久久久久不卡| 在线观看欧美日韩国产| 欧美日韩中文字幕在线视频| 91色中文字幕| 亚洲国产精品久久久久秋霞蜜臀| 亚洲自拍小视频| 亚洲国产美女精品久久久久∴| 精品女厕一区二区三区| 国精产品一区一区三区有限在线| 国产亚洲人成网站在线观看| 久久久久久久999精品视频| 亚洲剧情一区二区| 亚洲精品久久久一区二区三区| 亚洲精品电影网在线观看| 91在线国产电影| 国产偷亚洲偷欧美偷精品| 日韩精品视频在线免费观看| 亚洲一区美女视频在线观看免费| 国产美女直播视频一区| 992tv在线成人免费观看| 国产中文字幕亚洲| 亚洲国产另类久久精品| 欧美亚洲另类激情另类| 国产精品第一区| 日韩电影在线观看永久视频免费网站| 不用播放器成人网| 亚洲欧美另类自拍| 亚洲欧美综合区自拍另类| 国产精品视频色| 久久精品视频导航| 国产综合在线看| 亚洲精品免费网站| 91精品久久久久久久久久久久久| 国产精品日韩在线观看| 国内外成人免费激情在线视频网站| 热门国产精品亚洲第一区在线| 日韩中文字幕欧美| 亚洲欧洲高清在线| 成人黄色激情网| 亚洲国产女人aaa毛片在线| 成人激情黄色网| 亚洲国产精品专区久久| 国产69精品久久久久9| 亚洲人成电影网站色www| 亚洲精品日韩欧美| 亚州精品天堂中文字幕| 亚洲自拍小视频| 欧美日韩激情视频8区| 成人午夜高潮视频| 亚洲影院色无极综合| 精品人伦一区二区三区蜜桃网站| 91精品啪在线观看麻豆免费| 日韩在线不卡视频| 欧美高清在线视频观看不卡| 亚洲影院高清在线| 国产精品综合不卡av| 最新69国产成人精品视频免费| 欧美成人精品一区二区| 亚洲国产成人精品女人久久久| 久久久视频在线| 97人人爽人人喊人人模波多| 国产精品成人av在线| 日韩成人中文字幕在线观看| 欧美性生交xxxxxdddd| 免费不卡在线观看av| 久久资源免费视频| 国产这里只有精品| www国产91| 性欧美激情精品| 亚洲女同性videos| 亚洲美女福利视频网站| 久久成年人视频| 一区二区三区视频观看| 亚洲国产精品va在线观看黑人| 日韩大陆欧美高清视频区| 日本一区二三区好的精华液| 亚洲欧美在线看| 一区二区三区亚洲| 亚洲最大激情中文字幕| 日韩精品免费在线播放| 亚洲欧美激情在线视频| 精品久久久视频| 欧美韩国理论所午夜片917电影| 午夜精品99久久免费| 亚洲风情亚aⅴ在线发布|