首先，我去看了问这个问题时生成的答案。没有找到类似的东西。我只是在我的代码笔中处理一个奇怪的怪癖。一个我没想到的结果。
最简单的解释方法是简单地链接到我的代码笔。代码笔：CSS3 可扩展搜索表单
我将相同的 css 代码应用于两种不同类型的输入。一个是搜索输入，另一个是文本输入。为了从每个中获得类似的结果，我必须修改过渡在文本输入上打开的宽度，并将其设置为 95% 而不是 100%。
我的目标是让每个人都使用相同的过渡代码，具有相似的过渡效果。但它不起作用。我将非常感谢任何看过它并可能帮助我的人。谢谢。顺便说一句，我是堆栈溢出和代码笔的新手。如果我做错了什么，我很抱歉。哈哈，我确实试图寻找答案。
我尝试在这里发布代码，但我一定做错了什么。不过，一切都在代码笔中。
现在看看你的代码笔。我已经给每个人分配了班级。
http://codepen.io/anon/pen/AlcHr
我希望你想实现这一点。
您的搜索栏使用的是不同的框模型
box-sizing: border-box;
将其应用于其余字段，它们的行为将相同。
搜索字段具有由浏览器应用的样式box-sizing: border-box;
将其应用于您的其他字段，它们的行为应该相同。
更新的笔