Css 使输入表单不可见

我有一个显示在背景文本图像上的输入表单。 我希望输入表单不可见，以便用户可以插入输入，但不会显示白色空白表单，只显示背景。 我尝试了“透明”属性，但它同时覆盖了表单和背景文本图像。 你可以在这里的图片上看到它现在的样子，在另一张图片上看到我想要的样子。 谢谢 我现在就是这样做的： 这就是我想要的：

---

您可以使元素透明：

form *{
    border: none;
    background-color: transparent;
}

---

注意：这将应用于表单中的所有元素，您需要根据您拥有/想要的内容相应地修改选择器。您可以使元素透明：

form *{
    border: none;
    background-color: transparent;
}

---

注意：这将应用于表单中的所有元素，您需要根据您拥有/想要的内容相应地修改选择器。您可以使元素透明：

form *{
    border: none;
    background-color: transparent;
}

---

注意：这将应用于表单中的所有元素，您需要根据您拥有/想要的内容相应地修改选择器。您可以使元素透明：

form *{
    border: none;
    background-color: transparent;
}

---

注意：这将应用于表单中的所有元素，您需要根据您拥有/想要的内容相应地修改选择器。我刚刚在IE5、7、8、9、10、11、Chrome、Safari、FF和Opera上试用了Kenneth的解决方案。一切顺利

---

你用的是什么浏览器？你能提供一个实例吗？

我刚刚在IE5、7、8、9、10、11、Chrome、Safari、FF和Opera上试用了Kenneth的解决方案。一切顺利

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

/* This if you don't want an outline on focus - bad for accessibility */
input[type=text]:focus,
textarea:focus {
    outline: none;
}

---

你用的是什么浏览器？你能提供一个实例吗？

我刚刚在IE5、7、8、9、10、11、Chrome、Safari、FF和Opera上试用了Kenneth的解决方案。一切顺利

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

/* This if you don't want an outline on focus - bad for accessibility */
input[type=text]:focus,
textarea:focus {
    outline: none;
}

---

你用的是什么浏览器？你能提供一个实例吗？

我刚刚在IE5、7、8、9、10、11、Chrome、Safari、FF和Opera上试用了Kenneth的解决方案。一切顺利

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

/* This if you don't want an outline on focus - bad for accessibility */
input[type=text]:focus,
textarea:focus {
    outline: none;
}

---

---

你用的是什么浏览器？你能提供一个真实的例子吗？

是的，这就是我在上传图像的第一张表单中所做的，它使表单和图像透明。那么问题出在哪里？我想看到文本图像，请检查我在帖子中添加的第二张图像。现在我有了白色区域。你应该只使背景色透明，并将边框设置为无。这样，您的文本仍将显示。你试过我的答案中的代码了吗？我试过了，结果和我的一样。是的，这就是我在上传图像的第一个表单中所做的，它使表单和图像透明。然后是什么问题？我想看到文本图像，检查我在帖子中添加的第二个图像。现在我有了白色区域。你应该只使背景色透明，并将边框设置为无。这样，您的文本仍将显示。你试过我的答案中的代码了吗？我试过了，结果和我的一样。是的，这就是我在上传图像的第一个表单中所做的，它使表单和图像透明。然后是什么问题？我想看到文本图像，检查我在帖子中添加的第二个图像。现在我有了白色区域。你应该只使背景色透明，并将边框设置为无。这样，您的文本仍将显示。你试过我的答案中的代码了吗？我试过了，结果和我的一样。是的，这就是我在上传图像的第一个表单中所做的，它使表单和图像透明。然后是什么问题？我想看到文本图像，检查我在帖子中添加的第二个图像。现在我有了白色区域。你应该只使背景色透明，并将边框设置为无。这样，您的文本仍将显示。你试过我答案中的密码了吗？我试过了，结果和我的一样。

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

/* This if you don't want an outline on focus - bad for accessibility */
input[type=text]:focus,
textarea:focus {
    outline: none;
}