久久精品免费_亚洲精品视频一区_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
主站蜘蛛池模板: 南澳县| 永济市| 山西省| 邢台县| 酒泉市| 甘德县| 石狮市| 涿州市| 和顺县| 湾仔区| 房山区| 扎鲁特旗| 莆田市| 重庆市| 崇仁县| 怀集县| 扶绥县| 浦北县| 公安县| 平度市| 丹东市| 河间市| 平罗县| 西充县| 临颍县| 余姚市| 富川| 宜川县| 汝阳县| 玉田县| 玉树县| 葫芦岛市| 通化县| 高唐县| 彝良县| 乳源| 炉霍县| 黑河市| 札达县| 长海县| 宝兴县|