使輸入控件不可見並保持輸入功能

Question

我想知道，如果我可以使HTML FORM輸入控件隱形，而保持輸入文本編輯功能處於活動狀態。

爲什麼？因爲設計師創建了一個應該作爲表單使用的圖像。該圖像利用顏色漸變 - 遍佈整個表單域和內部。

Answer 1

您可以使用

input{ 
    background:transparent; 
    border:none; 
    outline:none; 
} 

JSFiddle。

保持輸入（文本編輯）功能並隱藏它。

Answer 2

你可以嘗試一些造型像這樣一個文本字段：

input[type="text"] { 
    background: transparent; 
    border: 0; 
} 

注：透明度默認情況下不工作在IE6。