gpt4 book ai didi

jquery - 搜索输入滑出按钮悬停 CSS3?

转载 作者:技术小花猫 更新时间:2023-10-29 11:55:00 25 4
gpt4 key购买 nike

当鼠标悬停在 input 框中的“搜索”文本上时,我设法让 input 字段滑出。但我宁愿使用“开始”按钮(也提交)将滑出动画悬停。

Fiddle

我想将 .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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com