点击div触发select
点击div触发select
问题描述
图片：
原始方法：点击select调起option选择项——这里使用select但是将其默认样式去除了，因为原始样式不符合UI设计，所以使用了一个img的箭头图片。现在实现的功能就是只有点击select时才可以调起option选择项；
需要改进：点击下箭头图标也要可以调起选择项；
解决方法：因为js代码太复杂，选择简单的修改css样式的方法(也可以说我懒得改js代码。。。┭┮﹏┭┮)。将select的宽度盖住img，此时需要给img的css样式增加一个：pointer-events: none;属性，点击img的时候就相当于点击了select，这样就可以调起选择项了。
关于pointer-events: none;
解释：你可以看的到某个元素，但是你无法摸的着。display：none; 是你摸不着，但是你也看不见。
happy ending~~