头闻号

上海志创精细化工有限公司

地坪漆|防腐涂料|特种建材|地坪|聚氨酯树脂

首页 > 新闻中心 > 科技常识:Firefox下input button内文字不能垂直居中的解决方法
科技常识:Firefox下input button内文字不能垂直居中的解决方法
发布时间:2023-02-01 09:50:55        浏览次数:2        返回列表

今天小编跟大家讲解下有关Firefox下input button内文字不能垂直居中的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关Firefox下input button内文字不能垂直居中的解决方法 的相关资料,希望小伙伴们看了有所帮助。

很老的问题了 如今再次碰到 记录下来 给后来者方便! 众所周知 在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; }

来源:爱蒂网