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

时间:2010-07-20 14:11:38

标签: jquery css jquery-ui

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

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

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

1 个答案:

答案 0 :(得分:10)

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

#ui-datepicker-div.ui-widget {font-size: 14px}

希望有所帮助。