Question

我已经使用Jquery完成了自定义选择。我已将三角形FontAwesome图标浮动到右侧。问题是，当我尝试点击图标时，鼠标指针不让我点击。无法单击图标占用的空间。我想知道我怎么能解决这个问题，或者css是否可行。

这是我的代码

＆＃13;

$(function() {
  $('select').selectmenu();
});

＆＃13;

.main-search-results:after {
  content: "\f0dd";
  font-family: 'FontAwesome';
  padding-left: 4%;
  border-left: 1px solid $text-color;
  position: absolute;
  top: 4px;
  right: 15px;
  z-index: 5;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<div class="main-search-results">
  <select name="" id="select-filter-1">
    <option value="default">Cualquier provincia</option>
    <option value="a_coruña">A Coruña</option>
  </select>
</div>

＆＃13;

Answer 1

你走了，

我为你创造了小提琴，所以看看我在这里做了什么..

http://jsfiddle.net/mkdizajn/jsxuvkn6/

.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;
}

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

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

hth，k

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

1 个答案: