久久精品免费_亚洲精品视频一区_91欧洲在线视精品在亚洲_国产精品一区二区不卡日出白浆,99久久精品视频,日本精品夜色视频一区二区,亚洲精品国产字幕久久vr

服務項目:網站建設、仿站、程序開發、APP開發設計、移動網站開發設計、企業網站設計、電子商務網站開發、網站維護、網站推廣、UX/UI 、HTML5、CSS3、JS / Jquery ...
四川浚浚科技有限公司
四川浚浚科技有限公司 (開發設計官網)TEL : 15308000360 / QQ : 38585404

您的位置:首頁 > 技術經驗 > 前端開發 > 正文

解決 Firefox 下 input button 內文字垂直居中
技術支持服務電話:15308000360 【7x24提供運維服務,解決各類系統/軟硬件疑難技術問題】

很老的問題了,如今再次碰到,記錄下來,給后來者方便!

眾所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比較二,弄了個私有屬性,導致以下問題的出現:

  1. 按鈕左右本身有2px的間距(FF私有屬性寫了padding:0 2px所致);
  2. 按鈕文字居中是不行的(此時設置padding-bottom是沒用的) ;
  3. 等等…

解決辦法:

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none;padding:0;
}

因為簡單,所以不多寫了,研究更是無從說起。



上一篇:解決Button在IE6、7下的自適應寬度問題
下一篇:避免常見的6種HTML5錯誤用法

相關熱詞搜索:button input
主站蜘蛛池模板: 永州市| 新津县| 开平市| 满洲里市| 元朗区| 农安县| 台前县| 白沙| 浦东新区| 郎溪县| 兴业县| 奉贤区| 宜宾市| 浙江省| 阜康市| 华宁县| 潍坊市| 专栏| 沂水县| 安图县| 宜君县| 原平市| 阆中市| 勃利县| 舞阳县| 盈江县| 清水河县| 武隆县| 称多县| 项城市| 民丰县| 奉贤区| 故城县| 宜丰县| 白玉县| 锦屏县| 勐海县| 武山县| 美姑县| 柳江县| 兴安县|