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