解决Firefox按钮文字不能垂直居中的问题

Firefox按钮中的文字会偏下，而且点击的时候中间会有一个虚线框，用firebug查看浏览器系统样式发现以下私有样式：

button::-moz-focus-inner, 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: 1px dotted transparent;
	padding: 0 2px;
}

对于提交按钮，只需要用如下代码即可解决：

/*让Firefox提交按钮字体居中*/
input[type="submit"]::-moz-focus-inner{
	border:none; /*去Firefox按钮点击时虚线框*/
	padding:0;
}

附加：在按钮中使用如下两种字体可以让Chrome和Firefox提交按钮字体行距相同

font-family:arial,Tahoma;

Boliquan

解决Firefox按钮文字不能垂直居中的问题

相关文章

随机文章

2个评论