css - jQuery Select2 CSS 问题

Question

当我将我的普通下拉菜单变成 jQuery select2 时。但是下拉菜单看起来像下图。

而且我尝试修复 CSS 对齐方式。但我无法让它正常工作。这是我的 js。

$(".combo").select2({                    
     allowClear: true,
     width: "resolve" 
});

现在，我想删除关闭标记 (X) 并将下拉符号放入跨度区域。

Answer 1

我希望有一些 其他 css 样式 令人不安 jquery select2 默认样式。

如果相同，请查看下面的默认演示。

$(".combo").select2({
    allowClear: true,
    width: "resolve"
});

.combo {
    width: 200px;
}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<select class="combo">
    <option value="1">Opt 1</option>
    <option value="2">Opt 2</option>
    <option value="3">Opt 3</option>
    <option value="4">Opt 4</option>
    <option value="5">Opt 5</option>
</select>

演示:http://jsfiddle.net/kishoresahas/n5hzwkp1/