AI 助理
备案控制台
开发者社区 问答 正文

CSS如何取消:hover绑定事件

屏幕宽度大于1000px时，搜索框宽度设置为：

.search-form{width:200px;}
.search-form:hover{width:250px;}

当屏幕小于1000px时，如何取消:hover绑定事件，让宽度固定？

展开
收起
杨冬芳 2016-06-07 16:32:48 10633 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业

    用css3的话:

    .search-form{width:200px;}
＠media screen and (min-width:1000px){
    .search-form:hover{width:250px;}
}
    2019-07-17 19:30:27
    赞同 展开评论
问答分类：
前端开发
问答标签：
CSS hover
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
css hover和什么
1579
1
0
css里hover怎么用
2007
1
0
css hover怎么用
1972
2
0
css hover是什么意思
2873
1
0
css中hover什么意思
1843
1
0
手机端如何禁用某个 dom 的 css 及 js 的 :hover 事件
3418
1
0
jquery 添加 css 后 hover样式失效
2620
1
0
css的方法使hover标签的子类颜色发生变化？
2361
1
0
如何设置用css设置a标签没有效果（hover，active，visited）？
2428
1
0
用html和css(scss)想建立双重下拉菜单，就是鼠标hover上一个又出来一个nav，在出来的nav上hover又出来新的nav。第一层出来了，但第二层总是覆盖内容。。好久不写了也是忘了，改了好久了。求大神解救。
3580
1
0