CSS使用Zend在Mozilla中工作精细，但不能在Mozilla中工作

Question

im在签名表格上工作。我通过在googlechrome上进行测试给了所有属性。完成在Mozilla中检查的表格后，我指定的尺寸完全更改了高度。我能知道这背后的原因吗？这是我的代码

input
{
  padding: 13px 14%;
 }
#email-wrapper #email-label
{  
  border: 1px solid #e5d4c2;
border-radius: 3px 0 0 3px;
border-right: 1px solid #FFF;
display: inline-block;
height: 39px;
line-height: 36px;
vertical-align: middle;
margin-right: 0;
width: 36px;
}
    #email-wrapper #email-label label 
{
  background: url("~/application/modules/User/externals/images/mail.png") no-repeat              scroll 19px 13px #FFFFFF;
       background-size: 15px 15px;   
    }
#email-wrapper #email-label label
{
 color:transparent;
   }

Answer 1

请使用此CSS和Cross浏览器：

input{
    padding: 13px 14%;
}
#email-wrapper #email-label{
    border: 1px solid #e5d4c2;
    -webkit-border-radius: 3px 0 0 3px;
       -moz-border-radius: 3px 0 0 3px; 
         -o-border-radius: 3px 0 0 3px; 
        -ms-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
    border-right: 1px solid #FFF;
    display: inline-block;
    height: 39px;
    line-height: 36px;
    vertical-align: middle;
    margin-right: 0;
    width: 36px;
}
#email-wrapper #email-label label {
    background-image: url("~/application/modules/User/externals/images/mail.png") 
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    background-position:19px 13px;
    background-size: 15px 15px;   
}
#email-wrapper #email-label label{
    color:transparent;
}

Answer 2

观看CSS代码后，我的假设是两个浏览器的输入字段高度都不同..通过将样式输入输入字段，您的问题应解决。

您需要在输入字段中添加这些属性。

input
{
  padding: 13px 14%;
  border:1px solid #666;
  border-radius:5px;
 }

我希望这对您有用。

问：