div挡住select导致无法点击的问题

今天发现前台的select框旁边的小箭头点击之后不能展开select框,因为小箭头把select框挡住了,调样式,用jq模拟点击也没用,后来找到了答案(结构大致如下)
div挡住select导致无法点击的问题
文章图片


div挡住select导致无法点击的问题
文章图片


只需要在包含图片的div加上这个css属性即可

pointer-events: none;

意思是如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件,而是让事件穿过该元素到达下面的元素。


【div挡住select导致无法点击的问题】

    推荐阅读