jquery - 更改 Jquery Chosen Plugin 显示字体

Question

<script>
$(document).ready(function(e) {
    $(".chosen").chosen();
});
</script>


<select class="chosen" style="font-family:arial">
<option>Classification</option>
<option>aaaa</option>
<option>bbb</option>
</select>

如何更改选择的插件显示字体？

我尝试更改选择style=font-family: Arial，但它不起作用，

我也尝试更改font-familyselected.css 内部，它也不起作用

Answer 1

把它写在你的css文件中

 .chosen {font-family: Arial !important; }

或尝试

<select class="chosen" style="font-family:Arial !important;">

Answer 2

如果您只需要为结果列表设置字体大小或字体系列，则可以通过在创建所选组件后添加 jquery 调用来解决此问题。

$(".chosen").chosen();
$(".chosen-results").css('font-size','10px');

或通过 id (myspecificchosen) 更改特定控件，

<select class="chosen" id="myspecificchosen" style="width:200px;">
...
$("#myspecificchosen_chosen .chosen-results").css('font-size','10px');

http://jsfiddle.net/dwe5r63r/