如何使文本框与背景无法区分？

Question

我应该将哪个CSS应用于使其与背景相同的文本框意味着用户不会觉得他在输入文本框？我尝试给出相同的背景颜色，但它仍然无法提供我想要的。用户仍然可以感觉到它是一个文本框。

Answer 1

你的意思是这样吗？

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

Live Demo（我在父元素上添加了蓝色边框，以便您可以看到<input>的位置）
http://jsfiddle.net/eUmr2/1/（渐变背景更容易看到transparent）

---

似乎在IE6中工作：

Answer 2

如果我理解你的问题，首先应该“隐藏”textarea或输入字段的边框。你可以简单地使用“border：none;”这个属性。在这种情况下，如果两个背景都相同（例如textarea和容器的其余部分），它将按您的需要显示。

我不确切地知道你想要实现什么，但这种方法通常用于表单字段的标准设计。您唯一需要做的就是从可用性的角度确保页面的这一部分是正常的。

祝你好运！

Answer 3

删除边框并应用与其所在容器相同的背景颜色。