2011-06-21 33 views
1

text fields show inset shadow on Mac, but not on PCForm字段在Mac上以不同的方式呈現

我試圖規範我的文本字段和textarea的外觀。以下是我的表單字段在Mac上顯示的圖像,但textarea顯示的卻沒有插入陰影。在Windows上,文本字段和textarea顯示相同。

我試過各種CSS組合來標準化它們,沒有運氣。無論是插入版本還是非插入版本,我都很好。

如果這有助於任何人,形式是一個WordPress的重力形式。

+1

雖然我不知道回答你的問題,[這裏](http://formalize.me/)是用於標準化表格的庫。可能的答案在於他們的來源。 –

回答

0

通常這可以通過設置輸入框的背景圖像來解決。如果你想保持更簡單一點,找出不一致的地方,並明確地將它們設置在你的CSS中。

input.inputbox { 
    background: url(input.gif) 0 0 no-repeat; 
    width: 150px; 
    height: 30px; 
    ... /* fonts, padding, borders, etc */ 
} 
+0

儘管我沒有嘗試過這個CSS,但建議是正確的。我終於找到了不一致的地方,textarea指定了1px固定的#a4a4a4,而輸入字段沒有指定。在Mac Chrome中,沒有指定css,用戶代理給了它一個插圖。 –

相關問題