Jquery ui 在jQuery UI中调整图标大小

我发现jqueryui中的图标对于我的应用程序来说有点小。当然，调整.ui图标的大小没有帮助，因为图像是从单个图像文件加载的，因此它只会显示其他图标的一部分

---

是否有任何方法可以调整图标大小，而不必根据我想要使用的每个大小调整图标图像文件的大小？

否。因为图标被打包到CSS精灵网格中，如果您尝试将图标本身变大（如您所见），您只会看到图标周围的图标。您可以通过调整边距来增加图标的“大小”——但这不会使图形变大——只会增加它所占用的空间

---

编辑-看起来jQuery UI团队之前已经听到过这一抱怨，并将在下一版本的jQuery UI中发布。

请注意，只要您创建一个使用它的CSS样式，并且它不必在sprite包中，您就可以真正使用任何您想要的图标。jQueryUI按钮中的“图标名”实际上只是一个类名

博客“坐下瓦尔多”就是一个很好的例子。它演示了如何使用最优秀的颜色图标集，但是您可以真正使用他的“核心”来调整位置，然后在您自己的CSS中使用您想要的任何图标

使用他的示例非常简单，只需下载文件（您只需要css和图标文件夹），然后将这些行添加到您的HTML文件中

<link href="libs/famfamfam/css/fff.icon.core.css" type="text/css" rel="stylesheet"/>  
<link href="libs/famfamfam/css/fff.icon.icons.css" type="text/css" rel="stylesheet"/>

然后使用选项中的图标名称之一。

{icons:{primary:'fff icon connect'}，text:false}

---

另外，不幸的是，jQueryUI的新大小调整选项似乎还没有出现，尽管他们在7个月前就已经讨论过了。他们确实使它们变大了一点，但他们没有引入一个全新的尺寸。

这是一个老问题，但我的解决方案是（如果您愿意，请点击）：

对于只显示图标的按钮，它非常有效。

试试这个

资料来源：

它只需要包含jquery-ui.icons.css和字体目录

jquery图标的大小可以如下更改：

<style type="text/css">
    .ui-icon {
        font-size: 1.2em;
    }
</style>

.ui图标{
字体大小：1.2米；
}

当然，增加利润是我所期望的，但不幸的是，这并不能解决问题。我有一些老眼睛，我需要用更大的图标取悦他们：）@adamnickerson-：-\是的，我完全理解。事实上，我刚刚发现了一篇博客文章，我想它会为你回答你的问题。在我上面的回答中看到更新…感谢你找到那篇文章-当然期待下一个版本。干杯。使用更大图标的能力曾经进入jQuery吗？请参阅下面@SiliconValley的答案。这可能是一个黑客攻击，但它在jQueryMobile 1.4.5（使用Cordova）中有效。即使图标在实现css规则后看起来很糟糕，它仍然有效。Thx。可能与缩放相同：

<style type="text/css">
    .ui-icon {
        font-size: 1.2em;
    }
</style>