的CS使用Zend

林在登入form.I工作已經通過試驗在它googlechrome.After完成我檢查的我已指定mozilla.the尺寸的形式給出的所有屬性工作正常Chrome，但在Mozilla正在徹底改變特別是身高。我可以知道背後的原因。這裏是我的代碼的CS使用Zend

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

來源

2014-01-24 Ramz

你可能會更具體一點，究竟是什麼錯誤在Mozilla中？ – shinobi

輸入要素的高度改了一下在礦井感近2 3pixels.If我改變了它的Firefox之後，Chrome令人不安 – Ramz

你可以請把你的html代碼太.. –

請使用CSS和跨瀏覽器：

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

來源

2014-01-24 06:48:55

我第二，這將極有可能是一個跨瀏覽器的問題，沒有什麼比試圖開發像網頁一樣簡單但必須有4次代碼/處理程序的東西。 – Mayhem

看CSS代碼我的假設是，輸入區高度既是瀏覽器在不同的後..給予樣式輸入字段中輸入您的問題應該可以解決..

您需要在您的輸入字段中添加這些屬性..

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

我希望這會爲你工作。

Regards，

來源

2014-01-24 07:12:09

thanx的你給了。但問題的建議是由填充給個 – Ramz

理想情況下，你應該使用％，或PX或em值......請不要使用組合。 –

回答

相關問題