html - 在 html 中创建不可见的文本字段？

Question

我正在尝试将 html 代码放入我老板提供的设计模型中，并且一些美学 - 例如搜索栏的形状有点奇怪和复杂。作为一个简单的解决方法，我想我只需在搜索栏的图像上放置一个文本字段，但我无法让它工作。

任何人都可以建议一种在图像上分层文本字段的方法，使其不可见但仍然有效吗？

Answer 1

就隐形而言，将这个 CSS 放在你的输入中：

input {
    background: transparent;
    border: none;
}

查看这个 jsFiddle，它显示了这一点。就定位输入而言，您应该能够正常处理。