Ajaxtoolkit上的表单控件Css无法正常工作

Question

我有以下代码

<tr class="data-contact-person">                       
    <td >
          <div class="input-group date" id="DateofPurchase"><input type="text" name="date-name" class=" form-control  date-name" />
               <span class="input-group-addon">
                     <span class="glyphicon glyphicon-calendar"></span>
               </span></div></td>

    <td><ajaxToolkit:ComboBox ID="Merchant" CssClass="form-control" name="Merchant-name" runat="server" AutoCompleteMode="SuggestAppend" DataSourceID="SqlDataSource1" DataTextField="Merchant" DataValueField="Merchant" MaxLength="0" style="display:inline-block" ></ajaxToolkit:ComboBox>

               <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:QuenchConnectionString %>" SelectCommand="SELECT [Merchant] FROM [tblVendors]"></asp:SqlDataSource>
    </td>



    <td>  
           <select name="method-name" class="form-control method-name">
                 <option value= "Cash" >Cash</option>
                 <option value= "DebitCard" >Debit Card</option>
                 <option value= "DirectDebit" >Direct Debit</option>
                 <option value= "Cheque" >Cheque</option>
           </select>
    </td>   

但是，组合框与文本框的样式不匹配 As seen here

如何让 ComboBox 在下一栏中看起来像 DropdownBox

由于