![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2k_Ylq40YcBwl4DUDnqIU0ug2V6NQ39ZH3A0FjepBD9kYc3QmhvciPtnX870OnUH-Ch2cmEJycGthgDWtDLpS7SXW8biW_HcWlDH2Zz238Q8D7duBTi6i5xS4HmPqo8aAXdyrCu0tNY/s1600/select-box-1_zps73246b22.png)
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