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

时间:2018-01-26 17:04:53 来源:

【摘要】 很老的问题了,如今再次碰到,记录下来,给后来者方便!众所周知,在Firefox下input type=& 8221;button& 8221;的文字是不好居中的,原因

很老的问题了,如今再次碰到,记录下来,给后来者方便!

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

  1. 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致);按钮文字居中是不行的(此时设置padding-bottom是没用的) ;等等…

解决办法:

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;}
因为简单,所以不多写了,研究更是无从说起。
上一篇      下一篇
前端相关推荐 更多>>
前端热点专题 更多>>
热点问答
国家公务员考试年龄限制是多少 公务员国考和省考考试内容有什么区别 函授大专学历能不能考公务员 国家公务员考试考点能自己选择吗 新闻学专业能报考2022年公务员考试吗 什么是联合培养研究生 什么是破格录取研究生 什么人不适合读研 研究生报名户口所在地填什么 研究生结业和毕业有什么区别
网站首页 网站地图 返回顶部
考必过移动版 https://m.kaobiguo.net