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

【问题标题】：Jquery MultiSelect - Change font-size and widthJquery MultiSelect - 更改字体大小和宽度
【发布时间】：2017-02-21 18:03:52
【问题描述】：

我正在尝试更改 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 都没有运气。

我一定是做错了什么，所以任何帮助将不胜感激。

【问题讨论】：

当您在浏览器元素检查器中检查该选择时，究竟是哪个 CSS 选择器在 font-size 上拥有最终决定权？

标签： jquery css jquery-ui widget jquery-multiselect

【解决方案1】：

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

这将覆盖默认的 css

【讨论】：

【解决方案2】：

寻找更直接的东西来覆盖现有的字体大小设置。在这里演示的情况下::http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#basic

你会发现font-size样式被应用在了

的级别

.ui-multiselect-checkboxes li { }

在您的情况下检查这一点的最佳选择是打开选择器，将鼠标悬停在其中一个选项上，然后“查看元素”并研究正在应用的 css 样式，准确找到文本继承的样式.

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

【讨论】：