Простой способ переписать базовый jQuery-UI CSS?

Question

Я чувствую, что это глупый вопрос, но я всегда нахожу, что изменение некоторых атрибутов CSS вызывает затруднения при работе с jQuery.Допустим, я определяю элемент как объект jQuery-UI (например, автозаполнение или средство выбора даты). Как мне изменить CSS без необходимости заходить на сайт пользовательского интерфейса и создавать собственную тему?

Например,Я нахожу, что размер шрифта по умолчанию для календаря довольно большой, поэтому мне часто приходится находить содержащий div, созданный jQuery, а затем добавлять font-size: 14px !important;, если я хочу, чтобы стиль применялся, иначе он превзойдет jQuery.определение (поскольку оно намного более избирательно).

Решение, делающее мои правила более избирательными, или я упускаю что-то действительно очевидное?

Answer 1

Я не использовал JQuery-UI, но быстрый взгляд на их документацию показывает, что многие стили должны быть простыми для переопределения. На этой странице http://jqueryui.com/docs/Theming/API рассказывается о вашем конкретном примере font-size, где говорится, что класс .ui-widget управляет font-size для определенного виджета. Таким образом, вам кажется, что вы получите размер шрифта, вам просто нужно иметь несколько CSS, которые делают это:

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

Надеюсь, это поможет.