2010-07-20 11 views
6

Mam wrażenie, że to głupie pytanie, ale zawsze uważam, że modyfikowanie niektórych atrybutów CSS jest kłopotliwe podczas pracy z jQuery. Powiedzmy, że definiuję element jako obiekt jQuery-UI (np. Autouzupełnianie lub datepicker) w jaki sposób mogę zmodyfikować CSS bez konieczności przechodzenia na stronę interfejsu i budowania własnego motywu?Łatwy sposób na zastąpienie podstawowych css jQuery-UI?

Na przykład, domyślny rozmiar czcionki kalendarza jest dość duży, więc często muszę znaleźć zawierający element div utworzony przez jQuery, a następnie dodać font-size: 14px !important;, jeśli chcę, aby styl został zastosowany, lub inaczej zostaje skrępowany przez definicję jQuery (ponieważ jest bardziej selektywny).

Czy to rozwiązanie sprawia, że ​​moje zasady są bardziej selektywne, czy też brakuje mi czegoś naprawdę oczywistego?

+2

Współczuję. Szczerze szanuję jQuery UI, ale uważam, że jest to złe rozwiązanie dla wielu stron właśnie ze względu na układ, który narzuca. To, co zrobiłem, to po prostu skopiowany przeze mnie kod CSS i dowolnie go zmodyfikowałem. Dużo. Naprawdę nie chcę, aby moja strona wyglądała jak "witryna jQuery UI" i nie żałuję :-) – Pointy

Odpowiedz

10

Nie użyłem JQuery-UI, ale szybkie spojrzenie na ich dokumentację wydaje się wskazywać, że wiele stylizacji powinno być proste do przesłonięcia. Ta strona http://jqueryui.com/docs/Theming/API omawia twój konkretny przykład font-size, stwierdzając, że klasa .ui-widget kontroluje font-size dla określonego widżetu. Wygląda na to, że musisz uzyskać rozmiar czcionki, potrzebujesz tylko css, który to robi:

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

Nadzieję, że pomaga.

+0

Wow świetny link, dziękuję! Zawsze przeglądałem css, który pochodzi z pobierania i zawsze wygląda na to, że mają selektor o długości mili, więc pomyślałem, że to jest o wiele bardziej skomplikowane niż to :) – Gazillion

+2

Strona powiązana powyżej już minęła (w 2014 r.), Spróbuj tutaj: http://api.jqueryui.com/theming/css-framework/ –

Powiązane problemy