jQuery Select2 CSS问题

Question

当我将普通的Dropdown转换为jQuery select2时。但下拉看起来像下图。

{{3}}

我试图修复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/