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

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


   div挡住select导致无法点击的问题_第1张图片

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

pointer-events: none;

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



你可能感兴趣的:(div挡住select导致无法点击的问题)