jquery - 如何拥有清晰、锐利和 slim 的 jqueryUI GUI 元素?

标签 jquery html css jquery-ui

我喜欢按钮大小和栏大小,但是当我使用 jQueryUI 时,我会得到粗栏(标题栏等)和粗圆形按钮。

像这样:

default jQueryUI buttons an dbar sizes

我怎样才能让按钮和标题/标签栏细长、矩形且清晰

像这样:

enter image description here

最佳答案

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

首先是阅读 documentation for the jQuery UI CSS framework .只有少数类(class)需要学习;该框架非常简单,但其设计方式使得这几个类将影响 jQuery UI 中的每个小部件。

第二个选择是前往 jQuery UI ThemeRoller并直观地构建一个主题,然后下载它。这只是一个 GUI,可以自定义上面链接的 CSS 框架中的类。

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

关于jquery - 如何拥有清晰、锐利和 slim 的 jqueryUI GUI 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42034750/

相关文章:

jquery - 使用 jQuery 将 JSON 数组转换为 HTML 项目符号列表

jquery - 无法从具有 3 个类名的跨度中获取文本

jquery - 复选框列表,按字母顺序排列在自上而下的列中

html - 显示 : none; not working twice

javascript - 使覆盖文本的 div 仅对文本进行动画处理和着色

javascript - 使用 PHP 和 Javascript 将字母数字值作为函数内的参数传递时出现错误

javascript - ajax 无效 json,为什么这是无效的 JSON?

html - Firefox 和在线工具之间的像素差异

java - 访问网站时出错

html - 使用 CSS 根据屏幕大小制作一个 HTML 表格的元素是方形的?