CSS如何取消:hover绑定事件

发布于
2016-01-13

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

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

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

css css3 前端设计

阅读 21.7k

2 个回答

得票最新

ouou

8.7k3718

发布于
2016-01-13

✓ 已被采纳

用css3的话:

.search-form{width:200px;}
＠media screen and (min-width:1000px){
    .search-form:hover{width:250px;}
}

Libo

1.5k102428

发布于
2016-01-13

pointer-event:none;

具体名字可能拼写有误

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...
2 回答894 阅读✓ 已解决
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答731 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助
4 回答1.2k 阅读✓ 已解决
问一个鼠标滚动事件，这种是怎么实现的？
我看到了deepseek官网的这个按钮，鼠标放上去，还是可以滚动页面，这个是怎么做的？我研究了一下deepseek官网的支持，而通义千问的却不可以。
2 回答1.5k 阅读✓ 已解决
element-plus的el-menu怎么修改el-sub-menu的template的B的颜色？
element-plus的el-menu怎么修改el-sub-menu的template的B的颜色？在线示例Element Plus Playground 1示例代码 {代码...} 期望能修改element-plus的el-menu怎么修改el-sub-menu的template的B的颜色为红色做过的尝试Element Plus Playground 2 {代码...} 但是B并没有变成红色。回复@兔子先森（提示内容过长无法回复，只能...
3 回答1.3k 阅读✓ 已解决
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...
2 回答1.3k 阅读✓ 已解决
请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
我写了一个可编辑Cell的List： {代码...} 使用方式： {代码...} 现在的问题是，比如：内容过长会直接冲出父容器：请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
2 回答1.1k 阅读✓ 已解决

相似问题

css怎么取消元素属性
3 回答21.5k 阅读
Css页面事件穿透的问题?
1 回答2k 阅读
css3场景较为复制的选择器，动态添加类名绑定事件.
1 回答3k 阅读✓ 已解决
如何取消 input 表单的默认行为？？
6 回答8k 阅读
vue 双向绑定多个子组件，不同绑定值，显示不同css 样式
1 回答1.9k 阅读✓ 已解决

找不到问题？创建新问题

CSS如何取消:hover绑定事件

你尚未登录，登录后可以

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

问一个鼠标滚动事件，这种是怎么实现的？

element-plus的el-menu怎么修改el-sub-menu的template的B的颜色？

如何在CSS中实现滚动条不溢出圆角框？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？