如何使文本框與背景無法區分？

Question

哪個css應該適用於使其與背景相同的文本框意味着用戶不覺得他在文本框中輸入？我試着給出相同的背景顏色，但它仍然沒有提供確切的我想要的。用戶仍然可以感受到它的文本框。

Answer 1

你的意思是這樣嗎？

input { 
    border: 0; 
    background: transparent /* the important bit */ 
} 

Live Demo（我加了一個父元素藍色邊框，所以你可以看到那裏的<input>是）
http://jsfiddle.net/eUmr2/1/（梯度背景更容易地看到transparent）

---

似乎在IE6中工作：

Answer 2

刪除邊框和應用相同的背景顏色，因爲它是在容器中。

Answer 3

如果我正確理解你的問題，你應該先textarea的或輸入字段的所有「隱藏」的邊界。你可以簡單地使用「border：none;」財產爲此。在這種情況下，如果兩個背景都相同（例如textarea和容器的其餘部分），它將按照您的需要顯示。

我不知道你到底想要達到什麼，但是這種方法通常用於表單字段的標準設計。你唯一需要做的就是確保從可用性的角度來看，你的頁面的這一部分是確定的。

祝你好運！