Javascript 如何更改select2 css

大家好，当我应用select 2

class=“form control”

时，我在模式中选择了select 2

我想像其他输入一样更改选择这是我的代码

<div class="modal fade" id="myModal" role="dialog">
  <div class="modal-dialog">
<form method="post" id="ajouterPoduitSortie">
  {% csrf_token %}
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;
    </button>
      <h4 class="modal-title">Ajouter un produit</h4>
    </div>
    <div class="modal-body">
      <div>
        <label for="ref">Réference:</label>
        <input type="text" class="form-control" name="refe" id="refe">
        <br>
        <label for="nomp">Nom de produit:</label>
        <input type="text" class="form-control" name="nompr" id="nompr">
        <br>            
        <label for="mrqu">Marque:</label>
        <input type="text" class="form-control" name="mrqa" id="mrqa">
        <br>            
        <label>Nom Catégorie:</label>
        <select class="form-control" id="nomcat" name="nomcat">
          <option value=""></option>
          {% for valeur in nomc %}                                                  
           <option value="{{valeur.codecateg}}" name="categorie">{{ valeur.nomcat }}</option>
      {% endfor %} 
      </select>
      <br>          
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-default" id="validationFormButton"> Valider</button>
        <button value="" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
</form>
</div>

---

正如您在图中所看到的，select2变小了，我希望输入的数据也变大，谢谢您，我想您需要瞄准：

.select2-container {
  width: 100% !important;
}

或

---

你试过什么？您可以尝试将其宽度设置为100%。您是否尝试过设置select的样式？

.select2-container {
  width: 100% !important;
}

.select2 {
 width: 100% !important;
}