jQuery Select2 CSS 问题

Question

当我将普通的下拉菜单变成 jQuery select2 时。但下拉菜单如下图所示。

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

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

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

Answer 1

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

下同请看默认demo。

$(".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/