相关疑难解决方法(0)

我正在尝试设置表单按钮的样式,我在Firefox中遇到了一个问题,我无法深入到底...

我希望将某些<a />s和<input type="submit" />s的样式设置为相同(我有一个按钮背景图像,使用滑动门技术来应用悬停效果.)

这一切都很有效,除了在Firefox中,输入提交文本比它应该略低.IE和Safari/Chrome工作正常.

alt text http://blog.muonlab.com/wp-content/uploads/2009/11/b0rked-buttons.png

有人有任何想法吗？

谢谢

<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; …

在Firefox 3.6中,您可以使用::-moz-focus-inner {border:0;padding:0;margin:0;}删除forms.css添加的默认边距和填充.

如何在Firefox 4中重置此功能？我一直在搜索安装目录中的任何.css文件,这些文件可以为我的按钮添加样式但是找不到ff4的任何内容 - 按钮仍然会获得令人讨厌的1px顶部填充,这将不允许文本与垂直对齐中间.

http://easwee.net/other/FF_problem.gif

编辑:我使用重置样式表,因此无需重置样式.这是一个混乱的浏览器样式表.

我试图理解是什么使得<button>标签在默认情况下位于元素中心的位置.水平对齐由text-align: center.什么控制垂直对齐？

这是小提琴:http://jsfiddle.net/GW9KL/

这是Chrome默认样式表<button>.无法看到是什么使它垂直对齐.