css – 输入类型=在Firefox中提交文本垂直对齐

前端之家收集整理的这篇文章主要介绍了css – 输入类型=在Firefox中提交文本垂直对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图风格我的窗体按钮,我遇到了一个问题,在Firefox中,我不能到达的底部

我想对某些< a /> s和< input type =“submit”/>进行风格外观的设计(我有一个按钮背景图片,使用滑动门技术应用悬停效果)。

这一切都很好,除了在Firefox中,输入提交文本略低于它应该是。 IE和Safari / Chrome工作正常。

任何人有任何想法?

谢谢

<div class="buttons">
    <a href="#" class="button btn-small-grey">&laquo 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;
}

我希望这有帮助。

原文链接:https://www.f2er.com/css/223227.html

猜你在找的CSS相关文章