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

前端技术 2023/09/06 CSS
很老的问题了，如今再次碰到，记录下来，给后来者方便！

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

本文地址：https://www.stayed.cn/item/17292

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案