Jquery MultiSelect - 更改字体大小和宽度

Question

我正在尝试更改Jquery multiselet下拉列表的字体大小和宽度，但我找不到如何。我正在使用这个http://www.erichynds.com/blog/jquery-ui-multiselect-widget小部件，我的下拉列表看起来很棒，甚至有我为页面其余部分选择的主题，但字体大小是大的。我尝试在jquery.multiselect.css中更改它（在其他jquery css之后加载）并且我尝试添加

.ui-multiselect{
font-size: 12px;
width: 200px;}

在一个css之后加载了所有其他css而没有运气。

我必须做错事，所以任何帮助都会受到高度赞赏。

Answer 1

在你的CSS中，使用 .ms-options-wrap > .ms-options > ul li label{ font-size:your-sizepx; }

这将覆盖默认的css

Answer 2

寻找更直接的内容，覆盖现有的字体大小设置。对于这里的演示:: http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#basic

您会发现在

级别应用了font-size样式

.ui-multiselect-checkboxes li {}

在您的情况下检查此选项最好的选择是打开选择器，将鼠标悬停在其中一个选项上，然后查看元素＆＃39;并研究正在应用的CSS样式，找到文本继承的样式。

如果您仍然遇到问题，请创建一个plunket / jsfiddle演示并发布链接。