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

Question

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

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

Answer 1

您可以使用

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

JSFiddle。

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

Answer 2

你可以尝试一些造型像这样一个文本字段：

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

注：透明度默认情况下不工作在IE6。