Question

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

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

希望得到一些帮助。

Code:

谢谢。

Answer 1

你的问题在于

input:focus { 
     border:0;
}

因为您的电子邮件字段有一个特殊的选择器（见下文），它不会遇到任何边框更改（并且没有毛刺）

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

但是，您的姓名字段有一个边框：1px solid＃58B9FA适用于它。当用户聚焦它时，该边框被移除（因为：焦点选择器）并且你得到那个不稳定的动作。

希望它有所帮助！