萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> Firefox下input button內文字不能垂直居中的解決方法

Firefox下input button內文字不能垂直居中的解決方法

在Firefox下input type=”button”的文字是不好居中的,原因在於Firefox自己弄了個私有屬性,解決方法很簡單,遇到類似問題的朋友可以學習下,希望可以幫助到大家

 

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

眾所周知,在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;
}

copyright © 萬盛學電腦網 all rights reserved