码迷,mamicode.com
首页 > 其他好文 > 详细

解决Firefox下input button内文字垂直居中

时间:2014-07-07 00:50:33      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   问题   div   type   

众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现:

  1. 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致);
  2. 按钮文字居中是不行的(此时设置padding-bottom是没用的) ;
  3. 等等…
1 input[type="reset"]::-moz-focus-inner,
2 input[type="button"]::-moz-focus-inner,
3 input[type="submit"]::-moz-focus-inner,
4 input[type="file"] > input[type="button"]::-moz-focus-inner{
5     border:none;padding:0;
6 }

 

解决Firefox下input button内文字垂直居中,布布扣,bubuko.com

解决Firefox下input button内文字垂直居中

标签:style   blog   color   问题   div   type   

原文地址:http://www.cnblogs.com/songmz/p/3822352.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!