title: How to change Font-Size of asp.net DropDownList
body: <p>I have the following <code>dropdownlist</code></p>
  
  <pre><code>&lt;asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="MeetingTypesDS" CssClass="ddl" Font-Size="35px"  DataTextField="MeetingType" DataValueField="MeetingTypeID" SelectedValue='&lt;%# Bind("MeetingTypeID") %&gt;'&gt;
                                      &lt;/asp:DropDownList&gt;
  </code></pre>
  
  <p>and the css is</p>
  
  <pre><code>.ddl {
     width: 300px;
     height: 50px;
     font-size: 30px;
  }
  </code></pre>
  
  <p>As you can see I have the Font-Size inline and in the css class. I have tried it without inline and I have tried removing the height and the width from the css class. But the Font-Size of the <code>dropdownlist</code> is never changed.</p>
  
  <p>I am trying to make the row part of the drop down part bigger. I could not see anyway to do that so I thought I would adjust the Font-Size but it is not adjusting.</p>
  
  <p>If you inspect the element it shows that the font-size for the class is there, just no change.</p>
  
  <p>I have just discovered that the font-size for the selected item is being changed but no the list values which is what I am after.</p>
  
  <p>Does anyone have any solutions of how to do this.</p>
  
  <p>I thought maybe I could write a class for a part of the dropdown. I am not quite sure how to do this.</p>