覆盖Bootstrap Multiselect CSS到我的自定义CSS类

Question

我正在使用bootstrap multiselect下拉列表。但我无法将其更改为自定义CSS样式。

＆＃13;

＆＃13;

 $(function () {
        $('[id*=lstMarket]').multiselect({
            //buttonWidth: '250px',
            includeSelectAllOption: true,
            buttonContainer: '<div class="searchParam" />'
        });
    });

＆＃13;

div.searchParam         {display:inline-block; padding-right:10px; padding-bottom:10px;}
    td.searchParamBox       {padding:10px 10px 0px 10px; border: 3px solid #0079C2; vertical-align:middle; background-color:#C3DFE5; border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
    td.searchBox            {color:#FFFFFF; padding:10px 10px 10px 10px; border: 3px solid #0079C2; background-color:#0079C2; vertical-align:middle; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="searchBox">
   <tr>
      <td class="searchParamBox">
          <div class="searchParam">
              Market<br />
                <asp:ListBox ID="sqllstMarketConfigId" runat="server" SelectionMode="Multiple" Width="100%" CssClass="searchParam">
                    <asp:ListItem Text="list1"></asp:ListItem>
                    <asp:ListItem Text="list2"></asp:ListItem>
                    <asp:ListItem Text="list3"></asp:ListItem>
                    <asp:ListItem Text="list4"></asp:ListItem>
                </asp:ListBox>
           </div>
       </td>
     </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

我尝试过不同的方法，但都没有解决。