ブートストラップセレクトボックススタイリング競合

Question

私は既存のウェブサイトをスタイリングしていますが、次の奇妙なエラーが発生しました。 選択ボックスには、オプション値が重複する空白があります。 イメージを添付しています。 Image of select box with white space

私は新しいスタイリングを行うためにブートストラップを使用しています。 コード例は次のとおりです。私はこの問題を解決するために見えるかもしれません

 <div class="form-group"> 
      <label class="control-label" for="truckName">Truck:</label> 
      <select class="form-control" name="truckName" id="truckName"> 
       @foreach (var truck in ViewBag.trucks) 
       { 
        <option value="@truck.id">@truck.name</option> 

       } 
      </select> 
     </div> 

任意のアイデアは非常に高く評価されるだろう。

Answer 1

スナップは、選択ボックスがスナップのように表示されないため、選択ボックスを変更するプラグインまたはコードがあるかのように見えます。あなたのコードを（クライアント側で、ブラウザのinspect要素の機能を使って）調べると、select要素の上に白い背景/白いスペースが重なっている、または生成されているスパン/ divが使用されていることになります。