為了美觀,ui小姐姐,堅持要把select做成這種效果,這樣的話只能自己編輯了,但是怎麼能使點選套上去的圖片樣式觸發select下拉呢?

試了好久都不行

$(".select-bg").on("click",function(){
$('select').trigger('change')
})

最後千辛萬苦的找到一個大神說加上這個屬性,

pointer-events: none;

後面我明白了,下面就是答案

Pointer-events原本來源於SVG，目前在很多瀏覽器中已經得到體現。不過，要讓任何HTML元素生效還得藉助於一點點css。該屬性稱之為pointer-events，基本上可以將它設定為auto，這是正常的行為，而“none”是一個有趣的屬性。

如果你已經設定一個元素的css屬性為pointer-events: none。它將不會捕獲任何click事件，而是讓事件穿過該元素到達下面的元素。

  瀏覽器支援

  到目前為止，Firefox 3.6+、Safari 4 和Google Chrome支援Pointer-events。