热搜：编程 Python Microsoft 编程语言 C++

Firefox下input button内文字不能垂直居中的如何解决方法

发布时间：2023-02-28 13:43:07 来源：网络

.

把坚持当成一种习惯，别人光鲜的背后，都有加倍的付出，没有谁比谁更容易，只有谁比谁更努力！放下不难，但坚持必须很酷。

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

众所周知，在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;
}

以上就是Firefox下input button内文字不能垂直居中的如何解决方法。小苗不经风雨长不成大树，人不经困难难以成材。更多关于Firefox下input button内文字不能垂直居中的如何解决方法请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： 方法 Firefox