Javascript 无法单击选择框中的图标三角形

我用Jquery做了一个定制的选择。我把一个三角形

图标放到了右边。问题是当我试图点击图标时，鼠标指针不允许我点击。无法单击图标占用的空间。我想知道如何解决这个问题，或者是否可以使用css

这是我的密码


$（函数（）{
$（'select'）。selectmenu（）；
});
。主要搜索结果：之后{
内容：“\f0dd”；
字体系列：“FontAwesome”；
左：4%；
左边框：1px纯色$文本颜色；
位置：绝对位置；
顶部：4px；
右：15px；
z指数：5；
}

卡尔基尔省
科鲁尼亚
给你

我为你创作了小提琴，看看我在这里做了什么



我将FA图标附加到生成的jqueryUI项上
删除（显示：无）初始下拉列表

我现在可以点击那个三角形，测试它，看它是否适合你

hth，k
oserk在这种情况下什么是“w”？？这正是我想要的，但我不知道什么是“w”，我认为这把小提琴就是你需要的，w只是那个元素的包装器，我认为不再需要它了，我首先认为需要它来定位这个元素。。嘿，我不能重现你的问题，整个按钮是可以点击的，对吗？回答很好。它现在工作得很好。我想我需要删除z索引属性。非常感谢你的帮助
.w{
    position:relative;
}
.ui-selectmenu-button::after {
   content: "\f0dd"; 
   font-family: 'FontAwesome';
   position: absolute;
   top: 5px;
   right: 15px;
    width: 20px;
    height: 20px;
}
.ui-icon{
    display:none;
}