Materialize CSS Demo
Materialize Code
Output
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.4/css/materialize.min.css"> </head> <body> <div class="container"> <div class="input-field col s12"> <select> <option value="" disabled selected>What do you think?</option> <option value="yes">Yes</option> <option value="no">No</option> <option value="dont">I Don't Know</option> </select> <label>A Demo of Material Select</label> </div> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <!-- Compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.4/js/materialize.min.js"></script> <script> (function($){ $(function(){ // Plugin initialization $('select').not('.disabled').formSelect(); }); })(jQuery); // end of jQuery name space </script> </body> </html>
What do you think?
Yes
No
I Don't Know
A Demo of Material Select