Создание jQueryUI DatePicker

Ответ 1

Простой ответ: вы можете добавить размер шрифта в свой css к ".ui-datepicker".

Но я думаю, что у вас могут быть некоторые правила CSS, которые противоречат друг другу. Вы должны использовать метод из ссылки Paulo, чтобы проверить, так ли это.

Ответ 2

Это немного поздно, но только для справок в будущем: Добавьте это между вашим, после ссылки jquery ui css.

<style type="text/css">
    .ui-datepicker { font-size: 9pt !important; }
</style>

и он станет меньше.

Ответ 3

Самая верхняя строка jquery.ui.theme.css имеет размер шрифта:

.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: .9em; }

Ответ 4

Ни одно из ваших правил CSS не противоречит - я могу проверить это со 100% уверенностью!

Причиной этого является то, что демонстрационные страницы jQuery могут быть ОЧЕНЬ вводящими в заблуждение. Как сказал Сет, на их страницах есть множество дополнительных правил CSS, добавленных поверх библиотеки CSS по умолчанию. Если вы посмотрите здесь:

http://jqueryui.com/demos/demos.css

Вы увидите, что размер базового шрифта значительно меньше, что является реальной причиной.

Я тоже получал ту же самую проблему, когда на своих страницах у меня было намного больше выбора даты, чем в демо. Чтобы подтвердить, что THEIR CSS был "противоречивым", я использовал меню CSS панели инструментов веб-разработчиков в Firefox, чтобы отключить указанный выше CSS файл, а затем весь неожиданный демонстрационный сайт THEIR имел большие подборщики дат одного размера как моя.

Таким образом, лучший ответ здесь неверен - он ничто на вашем конце - это полностью, как ОНИ уменьшили размер базы. Я гарантирую, что если вы попробуете то, что я упомянул здесь, вы найдете то же самое.

Ответ 5

jQuery UI имеет тематический ролик, который позволяет вам настроить одну из существующих тем, включая шрифты, цвета и фон перед загрузкой. Вы можете делать другие вещи, например, задавать угловой радиус, поля и отступы.

Я бы порекомендовал попробовать настроить его столько, сколько вы можете перед загрузкой, чтобы у вас было меньше шансов во время использования на вашем сайте.

Не забудьте установить размер шрифта по умолчанию и т.д. для всей страницы после того, как вы вызвали таблицу стилей jQuery UI.

Ответ 6

На демонстрационных страницах есть довольно много дополнительных CSS для "исправления" того, что входит в упакованный CSS, о котором они нигде не упоминаются. На мой взгляд, они плохо работают, объясняя это, особенно с тем, сколько времени используется стандартный css! Важно.

Кроме того, ThemeRoller использует em как значение по умолчанию, которое составляет% от набора шрифтов в другом месте.

В любом случае, даты - это ссылки, поэтому чтобы их уменьшить, установите размер для около 9px.

Вот что я делаю, прежде чем использовать любой jquery:

h1 {font-size:10px;}
h2 {font-size:11px;}
h3 {font-size:11px;}
p {font-size:11px;}
a {font-size:11px;}

Ответ 7

Вы включаете jquery-ui.css в свои объявления CSS?

Кроме того, на странице примера есть куча объявлений размера шрифта в его CSS.

Ответ 8

Они имеют размер шрифта 10pt на теле. Удалите это в firebug, и вы, вероятно, увидите те же самые размеры шрифта, что и ваше видение на вашей странице.