Dropdown font size is not getting change on medium
<asp:DropDownList ID="ddlsup" runat="server" class="form-control" cssclass=" js-example-placeholder-single">
</asp:DropDownList>
.form-control{
width: 200px !important;
height:25px;
font-size:medium;
}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script type="text/javascript">
$(function () {
$(".js-example-placeholder-single").select2({
placeholder: "Select",
allowClear: true
});
});
</script>
