输入内部的位置范围-不适用于PLACEHOLDER [关闭]

Question

我正在开发一个项目，在该项目中，我的客户想要一个“显示/隐藏”密码功能-相当简单，但是他们希望输入框内的按钮。如果我们在静态屏幕上工作，这也很容易做到。

但是，这是一个使用媒体查询的项目，因此问题就变成了如何动态定位锚点（锚点是我们用于遮罩/取消遮罩的控制元素）内部输入。

我很茫然。我在这里设置了一个简单的小提琴来显示理想的目标（不考虑边界半径等）：http://jsfiddle.net/x4jPE/

解决方案>>

http://jsfiddle.net/LyfTJ/2/

非常感谢Rob W

我正在开发一个项目，在该项目中，我的客户想要一个“显示/隐藏”密码功能-相当简单，但是他们希望输入框内的按钮。这也很容易做到-...

Answer 1

[创建一个容器，并将position CSS属性设置为relative，这样，绝对位于内部的任何元素都是相对于该容器的。还要添加display:inline-block，以便容器缩小到所需的最小大小（=输入字段的大小）。