我正在使用 bootstrap v4.5 中的选择表单。但是在我选择一个选项后，选择选项框变小了答案

【问题标题】：I am using the select form in from bootstrap v4.5. but after i select an option the select option box becomes smaller我正在使用 bootstrap v4.5 中的选择表单。但是在我选择一个选项后，选择选项框变小了
【发布时间】：2021-03-11 10:51:32
【问题描述】：

我正在使用 bootstrap v4.5 中的选择表单。但是在我选择一个选项后，选择选项框变小了。

 <div class="form-group">
                <label for="exampleFormControlSelect1">District*</label>
                    <select style="width: 100%" onchange="shipping_district({{($sum_total)- ($coupon_minus)}})" class="form-control" name="checkout_district_n" id="checkout_district">
                        <option>Dhaka</option>
                        <option>Chittagong</option>
                        <option>Barisal</option>
                        <option>Jessore</option>
                        <option>Rajshahi</option>
                        <option>Rangpur</option>
                        <option>Khulna</option>
                        <option>Sylhet</option>
                    </select>
                </div

Modal before selection Modal after selection

【问题讨论】：

我猜它工作正常

标签： html laravel bootstrap-4

【解决方案1】：

使用 CDN 和 Jquery 库：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-11/css/all.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

【讨论】：

【解决方案2】：

ID checkout_district 正在影响您的 SELECT 字段，您需要重写它。谢谢

【讨论】：