代码之家  ›  专栏  ›  技术社区  ›  Gazillion

覆盖基本jquery ui-css的简单方法?

  •  6
  • Gazillion  · 技术社区  · 15 年前

    我觉得这是一个愚蠢的问题,但我总是发现在使用jquery时,修改某些CSS属性是一件麻烦的事情。假设我将一个元素定义为jquery ui对象(如autocomplete或datepicker),那么如何在不必访问ui站点和构建自己的主题的情况下修改css呢?

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

    解决方案是让我的规则更具选择性,还是我遗漏了一些非常明显的东西?

    1 回复  |  直到 15 年前
        1
  •  10
  •   ScottS    15 年前

    我没有使用jquery ui,但是快速查看它们的文档似乎表明许多样式应该很容易重写。本页 http://jqueryui.com/docs/Theming/API 谈论你的特殊例子 font-size 声明 .ui-widget 类控制 字体大小 对于特定的小部件。因此,似乎要获得字体大小,只需使用一些CSS即可:

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

    希望有帮助。