在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;
}