Form字段在Mac上以不同的方式呈現

Question

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

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

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

Answer 1

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

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

Answer 2

實現此目的的唯一方法是使用javascript。我建議你 [我正規化] [1] [1]：http://formalize.me/ jQuery插件