1

首先,我去查看了在问这个问题时生成的答案。没找到类似的。我只是在处理我的代码笔中的一个奇怪的怪癖。一个出乎我意料的结果。

最简单的解释方法是简单地链接到我的代码笔。 代码笔:CSS3 可扩展搜索表单

我将相同的 css 代码应用于两种不同类型的输入。一个是搜索输入,另一个是文本输入。为了从每个中获得相似的结果,我必须在文本输入上修改过渡打开的宽度并将其设置为 95% 而不是 100%。

我的目标是让每个人都使用具有相似过渡效果的相同过渡代码。但它不起作用。我会非常感谢任何看到它并可能能够帮助我的人。谢谢。顺便说一句,我是堆栈溢出和代码笔的新手。如果我做错了什么,我很抱歉。大声笑我确实尝试寻找答案。

我尝试在这里发布代码,但我一定做错了什么。一切都在代码笔中。

4

3 回答 3

0

您的搜索栏使用了不同的框模型

box-sizing: border-box;

将其应用于您的其他字段,它们的行为将相同。

于 2013-09-15T03:10:39.817 回答
0

搜索字段具有由浏览器应用的样式box-sizing: border-box;

将此应用于您的其他字段,它们的行为应该相同。

Updated Pen

于 2013-09-15T03:11:17.813 回答
0

现在看看你的代码笔。我已经为每个人分配了班级。

http://codepen.io/anon/pen/AlcHr

我希望你想实现这一目标。

于 2013-09-15T03:13:16.400 回答