輸入文本類型在safari中沒有顯示

Question

我在這段代碼中有一些東西破壞了我的<input type = "text">在safari中的顯示，我不知道它有什麼能幫助我嗎？

input[type="text"]{ 
border: 3px solid #eae9ef; 
border-radius: 3px !important; 
box-sizing: border-box !important; 
background: rgba(255,255,255,0) !important; 
padding:1.5em 1em !important; 
} 

的問題是因爲padding 1.5em 1em的，我怎麼能解決這個問題，我需要的留白，使輸入框大，但與它我的文字消失。

Answer 1

給文本輸入一個高度而不是添加填充。填充將限制輸入內的空間，所以文本不會顯示。