我觉得这是一个愚蠢的问题,但我总是发现在使用jQuery时修改某些CSS属性是一件麻烦事。假设我将一个元素定义为jQuery-UI对象(如自动完成或日期选择器),如何修改CSS而无需访问UI网站并构建自己的主题?
例如,我发现日历的默认字体大小非常大,所以我经常必须找到由jQuery创建的包含div,然后如果我想要应用样式则添加font-size: 14px !important;
否则它会受到jQuery定义的影响(因为它更具选择性)。
解决方案是否使我的规则更具选择性,还是我错过了一些非常明显的东西?
答案 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}
希望有所帮助。