解決 Firefox 下 input button 內(nèi)文字垂直居中
技術(shù)支持服務(wù)電話：15308000360 【7x24提供運維服務(wù)，解決各類系統(tǒng)/軟硬件疑難技術(shù)問題】
很老的問題了，如今再次碰到，記錄下來，給后來者方便！
眾所周知，在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己比較二，弄了個私有屬性，導(dǎo)致以下問題的出現(xiàn)：
- 按鈕左右本身有2px的間距（FF私有屬性寫了padding:0 2px所致）；
- 按鈕文字居中是不行的（此時設(shè)置padding-bottom是沒用的） ；
- 等等…
解決辦法：
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;
}
因為簡單，所以不多寫了，研究更是無從說起。
