如何通过修改此自定义样式下拉列表的jQuery插件以相对单位而不是px的方式获取输出？

Question

情境

我正在制作一个自适应网站，在这里我需要使用自定义样式为各种屏幕尺寸提供多个尺寸下拉菜单

我尝试了什么

我正在使用这个DropKick插件进行自定义样式的下拉菜单，它在px增加了宽度。 对我很好

这是我使用插件http://jsfiddle.net/jitendravyas/HtW8C/1/制作的示例

问题

我想通过增加或减少下拉菜单中字体的大小来增加或减小下拉菜单的宽度和高度，但是当我增加font-size ，下拉菜单不会相应缩放

插件链接https://raw.github.com/JamieLottering/DropKick/master/jquery.dropkick-1.0.0.js

编辑：

我在这里将px更改为em https://github.com/JamieLottering/DropKick/blob/master/jquery.dropkick-1.0.0.js#L117

但是这个插件增加了一个我不需要的内联宽度。 我想通过CSS控制宽度

Answer 1

在这种情况下，CSS !important规则实际上是有用的，并且是有效的解决方案：

a.dk_toggle { width: auto !important; }

这将允许您更改字体大小并使它自动扩展。 或者，只要使用该!important规则，您就可以设置一个明确的宽度。

Answer 2

当您需要在宽度不同的页面上定位多个下拉菜单时该怎么办？

如何在Dropkick插件的CSS中单独定位多个下拉列表