Php 密码字段上显示的灰色图像？

我有一个小的灰色大写字母锁通知图像的问题，当你点击密码字段并打开大写字母锁时会出现这个图像。在盒子的右边显示20个像素的地雷。这会造成障碍，因此用户无法看到位于该位置的div层

有人能告诉我为什么我的密码栏里没有显示，我怎么才能把它放进去

我的HTML表单已经用css编辑过，可以在框上显示一个图像背景，所以我想这与css有关

但是我找不到任何与之相关的东西。谢谢

代码：

---

问题在这一部分：

#main form input[name=email],
#main form input[name=password]{
    [...snip...]
    height: 48px;
    margin-top:22px;
    margin-left:-10px;
    padding: 0 10px 0 50px;
    width: 350px;
}

您将字段设置得太宽；capslock图像通常显示在文本字段中。此外，内容框的高度过大，使通知程序显示得过大。请尝试：

    height: 28px; // height of image - 20px
    margin-top:22px;
    margin-left:-10px;
    padding: 10px 10px 10px 50px; // extra 20px of padding on height
    width: 280px; // proper width of image, so contents don't overflow

---

要理解为什么会发生这种情况，请记住，即使您在文本字段上进行了严格的样式设置，它仍然在那里的某个地方；一旦应用了样式，底层文本字段的实际边界就很难看到。如果您发现文本字段或其他表单小部件的某些格式出现问题，则可以帮助禁用更改其默认外观的样式，例如border:none；并查看系统对小部件的看法。从那里可以更容易地发现错误所在。

这与PHP有什么关系？我也没有看到应该显示caps lock警告的代码。你缺少一些JavaScript吗？也许再清楚一点，也许有人会回答你的问题。他说的是webkit中出现的自动capslock通知，至少在OSX上的Safari中是这样。通常，它会在密码文本字段的末尾离散显示；通过这种样式，它显示在文本字段之外，并溢出到其他内容中。

    height: 28px; // height of image - 20px
    margin-top:22px;
    margin-left:-10px;
    padding: 10px 10px 10px 50px; // extra 20px of padding on height
    width: 280px; // proper width of image, so contents don't overflow