有没有一种纯粹的CSS方法可以使输入透明?

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

甚至没有人会知道它在那里。

我喜欢这样做

input[type="text"]
{
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
}

设置 outline none

前面描述的两种方法在今天还不够。我个人使用:

input[type="text"]{
    background-color: transparent;
    border: 0px;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:5px;
    color:transparent;
    cursor:default;
}

它还删除了某些浏览器上的阴影集,隐藏了可以输入的文本,并使光标表现得好像没有输入一样。

您可能还想将宽度设置为0px。

如果你想在聚焦时删除轮廓,也可以尝试:

input[type="text"],
input[type="text"]:focus   
{
         background: transparent;
         border: none;
         outline-width: 0;
}