在我的ASP.NET MVC web應(yīng)用程序中，我已經(jīng)在組合框中添加了Select2。但觀點(diǎn)似乎不同。

在這個(gè)項(xiàng)目之前，我已經(jīng)做了另一個(gè)web應(yīng)用程序，在那里我也為我的組合框使用了select2。但是組合框看起來很干凈。

但是這里它看起來像一個(gè)基本的組合框。

在同一視圖中，我有另一個(gè)組合框，我沒有應(yīng)用select2。組合框視圖很好。我想給選擇2組合框添加同樣的外觀。這個(gè)問題需要幫助。

在這里，我將上傳一張照片的看法。

這是代碼。

<link href="~/Addons/css/select2.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.6.4.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
@*<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />*@
@*<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>*@
<script src="~/Addons/js/select2.full.min.js"></script>




<div class = "input-group input-group-merge" >
   <span class = "input-group-text" > < i class = "bx bx-face" > < /i></span >
   @Html.DropDownList("Customer_ID", null, "--Select Customer--", htmlAttributes: new {
      @class = "form-control customers",
       @Id = "Customer_ID",
       @required = true,
       oninvalid = "this.setCustomValidity('Please Select the Customer First')",
       oninput = "this.setCustomValidity('')",
   })

<script>
 $(function () {

$('.customers').select2();
}
</script>

這是景色