css3 - CSS如何取消:hover绑定事件

问题描述

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

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

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

问题解答

用css3的话:

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

pointer-event:none;

具体名字可能拼写有误