好大用力深一点bl_日本超欲大尺度床戏电影_a级大胆欧美人体大胆666_japanesexxxxx日本54

服務項目:網站建設、仿站、程序開發、APP開發設計、移動網站開發設計、企業網站設計、電子商務網站開發、網站維護、網站推廣、UX/UI 、HTML5、CSS3、JS / Jquery ...
四川浚浚科技有限公司
四川浚浚科技有限公司 (開發設計官網)TEL : 15308000360 / QQ : 38585404

您的位置:首頁 > 技術經驗 > 前端開發 > 正文

解決 Firefox 下 input button 內文字垂直居中
技術支持服務電話:15308000360 【7x24提供運維服務,解決各類系統/軟硬件疑難技術問題】

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

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

因為簡單,所以不多寫了,研究更是無從說起。



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

相關熱詞搜索:button input