服務(wù)項(xiàng)目:網(wǎng)站建設(shè)、仿站、程序開發(fā)、APP開發(fā)設(shè)計(jì)、移動(dòng)網(wǎng)站開發(fā)設(shè)計(jì)、企業(yè)網(wǎng)站設(shè)計(jì)、電子商務(wù)網(wǎng)站開發(fā)、網(wǎng)站維護(hù)、網(wǎng)站推廣、UX/UI 、HTML5、CSS3、JS / Jquery ...
四川浚??萍加邢薰?></a></div>
                    <div   id=四川???萍加邢薰? title=
四川???萍加邢薰?(開發(fā)設(shè)計(jì)官網(wǎng))TEL : 15308000360 / QQ : 38585404

您的位置:首頁(yè) > 技術(shù)經(jīng)驗(yàn) > 前端開發(fā) > 正文

解決 Firefox 下 input button 內(nèi)文字垂直居中
技術(shù)支持服務(wù)電話:15308000360 【7x24提供運(yùn)維服務(wù),解決各類系統(tǒng)/軟硬件疑難技術(shù)問題】

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

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

  1. 按鈕左右本身有2px的間距(FF私有屬性寫了padding:0 2px所致);
  2. 按鈕文字居中是不行的(此時(shí)設(shè)置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;
}

因?yàn)楹?jiǎn)單,所以不多寫了,研究更是無從說起。



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

相關(guān)熱詞搜索:button input