当鼠标悬停在 input 框中的“搜索”文本上时，我设法让 input 字段滑出。但我宁愿使用“开始”按钮(也提交)将滑出动画悬停。
我想将 .search input {width:80px;} 更改为 30px 以便在搜索之前隐藏 input 字段按钮悬停，但我不确定如何只让按钮触发此动画。
最佳答案
试试这个伙伴:http://jsfiddle.net/7yAv7/10/
我所做的是将 .search input:hover 选择器更改为 .search:hover input。
这意味着如果您将鼠标悬停在 .search 容器的任何部分上，输入应该动画出来。
不是您想要的 100%，但希望它能帮助您作为起点。
关于jquery - 搜索输入滑出按钮悬停 CSS3？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13410948/