Question

我正在建立一个自定义选择下拉列表，其中包含一个自定义下拉箭头。由于浏览器默认箭头由自定义箭头覆盖，因此我在css中使用pointer-events: none;，以允许单击自定义按钮后面的选择。但是，IE 10＆amp; E并不支持pointer-events: none;。下方。

我写了这段代码

<script>
    $(document).on('click', '.select-dropdown-arrow', function() { 
      $(this).siblings('select').trigger('mousedown');
      return false;
    });
</script>

触发点击选择并打开下拉列表，但它无法正常工作。有什么想法吗？

谢谢！

Answer 1

经过一天的测试和研究，我无法找到适合所有浏览器，特别是IE浏览器的解决方案。总的来说，似乎JS没有提供一种干净/简洁的方式来通过点击页面上的另一个元素来动态打开选择下拉列表。

最佳解决方案是使用无序列表创建自定义下拉列表，或为不支持的浏览器提供备用体验。

关于自定义选择的

Here is a resource I found。

触发单击选择元素

1 个答案: