Html Select option Styling




HTML MarkUp:


StyleSheet (CSS):

Underline doesnot work in native controls like select .  In this case we can use jquery , they hide select element and show a look a like usually they are either <ul>/<li>,<span> or <div>. Through css we can change the style.

Links:
<script src="http://code.jquery.com/jquery-1.11.3.js"></script> 
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" />



HTML MarkUp:


StyleSheet (CSS):

Javascript:



No comments :

Post a Comment

Instagram