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

Question

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

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

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

Answer 1

用css3的话:

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

Answer 2

pointer-event:none;

具体名字可能拼写有误