Html 在字段中输入详细信息后，输入文本将收缩

我的联系方式有问题。每次我在输入文本字段中输入一些详细信息时（您通常在其中填写姓名），当我在之后开始在电子邮件字段中输入详细信息时，它会缩小一点

我可以知道它为什么做这样的事吗。我知道我在输入元素中声明了一个1像素的边框，但在右边有值之后，这不应该干扰字段吗

如果您能在这方面提供帮助，我将不胜感激

Code:

谢谢。

您的问题在于

input:focus { 
     border:0;
}

因为您的电子邮件字段有一个特殊的选择器（见下文），所以它不会经历任何边界更改（并且没有故障）

但是，您的名称字段有一个边框：应用了1px solid#58B9FA。当用户聚焦于它时，该边框将被移除（因为：焦点选择器），并且您将获得该抖动运动

---

希望有帮助

你能提供一些代码吗？我把我的代码和问题附在了一起。在你的问题中贴上你的代码。当你说当你输入某个东西时它就会发生。。。你指的是当你点击它时，当你正在向它输入文本时，还是在你已经在其中输入文本后？那很可能是鼠标悬停。由于元素悬停时边框设置为1像素，因此将鼠标移到另一个文本字段会将边框更改为原始边框。如果我确实删除了1像素的边框，文本字段周围会出现一种奇怪的边框，我不知道如何删除。请帮助我解决此问题，无论是否删除1像素的边界。提前谢谢。@Jeiman您只需设置

border:0

就可以做到这一点。否则，只需删除

input:focus

规则。这也能解决问题。

input[type="email"] {
    border:0
}