我试图风格我的窗体按钮，我遇到了一个问题，在Firefox中，我不能到达的底部…
我想对某些< a /> s和< input type =“submit”/>进行风格外观的设计(我有一个按钮背景图片，使用滑动门技术应用悬停效果)。
这一切都很好，除了在Firefox中，输入提交文本略低于它应该是。 IE和Safari / Chrome工作正常。
任何人有任何想法？
谢谢
<div class="buttons">
<a href="#" class="button btn-small-grey">« Back</a>
<input type="submit" class="button btn-large-green" value="Save changes" />
</div>
.button
{
cursor: pointer;
border: 0;
background-color: #fff;
color: #fff;
font-size: 1.4em;
font-weight: bold;
outline: 0;
font-family: Arial,Verdana,Sans-Serif;
}
a.button
{
display: block;
float: left;
text-align: center;
text-decoration: none;
padding: 5px 0 0 0;
height: 22px;
margin-right: 1em;
}
.btn-small-grey
{
height: 27px;
width: 96px;
background-position: 0 -81px;
background-image: url(/assets/images/buttons/buttons-small.gif);
}
.btn-large-green
{
height: 27px;
width: 175px;
background-position: 0px -54px;
background-image: url(/assets/images/buttons/buttons-large.gif);
}
解决方法
我发现这个职位，因为我已经解决了这个问题，几个月前，当我遇到它，今天，我不记得我做了什么。尼斯。在我的css，我终于找到了“修复”。我不能信用，因为我发现它在网络上的某个地方，但希望它会对你有用，因为它一直为我：
input::-moz-focus-inner /*Remove button padding in FF*/
{
border: 0;
padding: 0;
}
我希望这有帮助。
