久久精品免费_亚洲精品视频一区_91欧洲在线视精品在亚洲_国产精品一区二区不卡日出白浆,99久久精品视频,日本精品夜色视频一区二区,亚洲精品国产字幕久久vr

服務項目:網站建設、仿站、程序開發、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
主站蜘蛛池模板: 行唐县| 凯里市| 抚松县| 衡水市| 察雅县| 瑞昌市| 开远市| 潍坊市| 泾川县| 海城市| 凌海市| 维西| 清苑县| 麻栗坡县| 贡觉县| 阿合奇县| 蓬莱市| 高要市| 宜兴市| 宁武县| 芷江| 昭平县| 达州市| 萨迦县| 吕梁市| 昭觉县| 柞水县| 巩留县| 马关县| 唐海县| 芮城县| 清涧县| 五寨县| 义马市| 普宁市| 承德市| 丰顺县| 时尚| 普宁市| 油尖旺区| 高邮市|