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>

如何更改Chosen Plugin显示字体？

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

我也尝试更改selected.css中的font-family，它也不起作用

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/

更改Jquery Chosen插件显示字体

2 个答案: