css - jquery chosen select field is displayed wrong -


i'm trying use jquery-chosen plugin on simple select code

<select class="chosen-select">     <option value="a">a</option>     <option value="b">b</option>     <option value="c">c</option> </select> 

turn on in js file

$(document).ready(function() {     $(".chosen-select").chosen({no_results_text: "oops, nothing found!", allow_single_deselect: true}) }); 

and select field looks different fields on jquery-chosen site examples: enter image description here

what doing wrong? not adding css field?

looks referencing css file script, needs css link:

<link rel="stylesheet" href="[path file]chosen.css" /> 

or

<link rel="stylesheet" href="[path file]chosen.min.css" /> 

point reference css or min.css file is. based on comment might

<link rel="stylesheet" href="/static/chosen.css" /> 

Comments

Popular posts from this blog

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

javascript - oscilloscope of speaker input stops rendering after a few seconds -