使输入控件不可见并保持输入功能

Question

我想知道，如果我可以将 HTML FORM输入控件隐藏，而保持其输入文本编辑功能处于活动状态。

为什么呢？因为设计师创建了一个应该用作表单的图像。图像使用颜色渐变 - 遍布表单字段和内部。

Answer 1

您可以使用

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

JSFiddle

保持输入（文本编辑）功能并隐藏它。

Answer 2

你可以在文本字段中尝试这样的样式：

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

注意：默认情况下，IE6中的透明度不起作用。