我正在尝试重现 stackoverflow 的输入框行为，他们将跨度文本放置在输入框上。看起来文本实际上在输入框内，但实际上只是一个精确定位的跨度。当用户在字段中键入文本时，它们会隐藏跨度。要查看实际行为，请按“提问”，然后查看“标题”输入框。文字说:“你的编程问题是什么？要具体”。
我正在为电子商务结账页面创建此页面，因此会有多个不同宽度和位置的输入框。
作为 CSS 新手，有没有一种方法可以创建输入框，然后以某种方式将 span 附加到输入字段的左侧和垂直中心？我想我可以逐一检查并定位每个输入框，所以我希望可以开发一个类，自动将跨度附加到先前定义的输入框。有没有人有一种优雅的方式来做到这一点而无需自定义定位？
最佳答案
我刚刚用 jQuery plugin 做了这个.
我使用 JavaScript 来自动执行此操作，但适用相同的规则。
关于css - 尝试使用 CSS 在输入框上定位跨度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4964341/