覆盖基本jQuery-UI css的简单方法?

Gaz*_*ion 6 css jquery jquery-ui

我觉得这是一个愚蠢的问题,但我总是发现在使用jQuery时修改某些CSS属性是一件麻烦事.假设我将一个元素定义为jQuery-UI对象(如自动完成或日期选择器),如何修改CSS而不必去UI网站并构建我自己的主题?

例如,我发现日历的默认字体大小非常大,所以我经常要找到由jQuery创建的包含div然后添加一个font-size: 14px !important;如果我想要应用样式,否则它会被jQuery打败定义(因为它更有选择性).

解决方案是否使我的规则更具选择性?或者我错过了一些非常明显的东西

Sco*_*ttS 10

我没有使用过JQuery-UI,但是快速查看他们的文档似乎表明很多样式应该很容易覆盖.这个页面http://jqueryui.com/docs/Theming/API讨论了你的特定例子font-size,声明.ui-widget该类控制font-size特定小部件.所以你似乎要获得你的字体大小,你只需要有一些css来做到这一点:

#ui-datepicker-div.ui-widget {font-size: 14px}
Run Code Online (Sandbox Code Playgroud)

希望有所帮助.

  • 上面链接的页面现已消失(2014年),请点击此处:http://api.jqueryui.com/theming/css-framework/ (2认同)