title: Custom Drop Down List Styling (CSS/JS with ASP.NET C# Connection)
body: <p>Currently I am using an ASP.net DropdownList as such:</p>
  
  <pre><code>&lt;asp:DropDownList ID="CourseSelectionDropdown" DataTextField="DropdownDisplay" DataValueField="CourseId"
              runat="server" Font-Size="Small" Width="250px" OnSelectedIndexChanged="CourseSelectionDropdown_OnSelectedIndexChanged"
              AutoPostBack="True"&gt; 
  </code></pre>
  
  <p>It looks rather ugly and I'd like to use something like below, which I will customise futher (remove the images, and make each list item double line - quite like the facebook dropdown).</p>
  
  <p><a href="http://tympanus.net/Tutorials/CustomDropDownListStyling/index2.html#" rel="nofollow">http://tympanus.net/Tutorials/CustomDropDownListStyling/index2.html#</a></p>
  
  <p>I'm new to ASP.net, and would like some pointers on how to link up the HTML/JS list items with a method in the C# code.</p>
  
  <p>I have searched for two hours on the internet without any sort of concrete or easy to read solution.</p>