如何拥有清晰，锐利和纤薄的jqueryUI GUI元素？

Question

我喜欢瘦按钮尺寸和条形尺寸，但是当我使用jQueryUI时，我会看到粗条（标题栏等）和粗圆形按钮。

像这样：

如何让按钮和标题/标签栏薄，矩形和清晰？

像这样：

Answer 1

您有两个创建自定义主题的基本选项。

首先是阅读documentation for the jQuery UI CSS framework。只有少数课程需要学习;框架非常简单，但设计的方式是这几个类会影响jQuery UI中的每个小部件。

第二个选项是转到jQuery UI ThemeRoller并直观地构建主题，然后下载它。这只是一个GUI，它将自定义上面链接的CSS Framework中的类。

对于影响尺寸的事物，例如填充和边距，您需要进入单独的窗口小部件样式。您可以在API文档中查看每个窗口小部件的类。例如，这是theming information for tabs。对于单个窗口小部件类的更改，我建议单独保留现有CSS并编写新规则以覆盖内置设置。这将为您提供干净的升级路径。