为什么Firefox在链接上以不同方式显示相同的CSS<；a>；和a<；输入类型=提交>；？

遇到了一个奇怪的问题

这是我的css按钮：

a.cta-btn-green { 
    color:#fff !important; 
    font-size:14px !important; 
    font-weight:bold; 
    text-shadow: #060 1px 1px 1px; 
    background-color:#329122; 
    padding:5px 10px;
    -moz-border-radius:14px; 
    -webkit-border-radius:14px; 
    text-decoration:none;
    float:right;
    border:0;
    font-family:Arial, Helvetica, sans-serif;
    cursor:pointer;
    background: -moz-linear-gradient(100% 100% 90deg, #307d23, #4ac236); 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4ac236), to(#307d23));
}


input.cta-btn-green { 
    color:#fff !important; 
    font-size:14px !important; 
    font-weight:bold; 
    text-shadow: #060 1px 1px 1px; 
    background-color:#329122; 
    padding:5px 10px;
    -moz-border-radius:14px; 
    -webkit-border-radius:14px; 
    text-decoration:none;
    float:right;
    border:0;
    font-family:Arial, Helvetica, sans-serif;
    cursor:pointer;
    background: -moz-linear-gradient(100% 100% 90deg, #307d23, #4ac236); 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4ac236), to(#307d23));
} 

两个CSS类都是相同的，但一个应用于

，另一个应用于

。其效果是Firefox提供

输入。cta btn绿色

的高度大于

a.cta-btn-green

谁能告诉我哪里出了问题

---

谢谢

请尝试为每个规则明确设置

高度和
行高度。
如果您告诉
a
和
输入
到
显示：块
，那么您将能够设置特定高度，从而使它们相同

因此，在这两条规则中添加以下行：

display:block;
height:20px; /*adjust this as needed*/

我认为这是因为您只是设置字体高度，
元素afaik也有典型的按钮边框，而
元素没有。
字体更高还是整个元素？