我想知道是否可以使输入字段内的字体/文本与输入字段本身重叠。我想知道这是否可能，如果不创建两个输入字段，其中一个与另一个重叠，另一个具有隐藏字段框。
例如，假设您有一个看起来像手写的字体，并且您希望小写字母的下降部分（例如“p”“y”“g”的底部部分）悬挂在字段框下方而不是被切割关闭它 - 类似于在衬纸上书写时笔迹如何延伸到基线以下。
我做了大量的搜索而运气不佳，所以即使有人知道一个比“文本重叠输入框”更好的搜索词和类似的字符串，这本身就是一个巨大的帮助。
问题是，我不知道一个CSS选择器只关注输入框内的文本，或者我会尝试增加文本的z-index，使其位于上面的一个层上框。
答案 0 :(得分：0)
您是否尝试在输入元素上设置背景图像？您的背景图片可能就行了。
即
input {
background: url(path/to/image.png) repeat-x;
}
修改
我已经快速完成了这项工作并在这里开始运作：http://jsfiddle.net/qUc9Y/
我将输入包装在另一个元素（fieldset.input-wrapper）中，并将CSS转换移动到这个新元素。我已经将输入压缩了相对10px，因此它突出了容器创建的阴影。我已将输入的背景设置为透明，因此.input-wrapper上的框阴影可通过它看到。
最后，我添加了一些快速的jQuery，以便在输入悬停时，css转换应用于新的.input-wrapper容器（即输入的父容器）。你应该能够做同样的焦点/模糊。
我希望这会有所帮助。
编辑2：
焦点状态现在也应该有效，请参阅http://jsfiddle.net/yZ3uw/14/。