Стилизация jQueryUI DatePicker
Я использую jquery datepicker (http://jqueryui.com/demos/datepicker/).
На демонстрационной странице датапикер маленький и компактный. Однако, когда я использую datepicker на своем сайте, календарь становится ОГРОМНЫМ. Я бы оценил, что каждая дата используется шрифтом размером 12 пт.
Как сделать так, чтобы дни были меньше?
Простой ответ: Вы можете добавить размер шрифта в вашем css к ".ui-datepicker".
Но я думаю, что у вас могут быть конфликтующие правила css. Вам следует использовать метод из ссылки Paulo', чтобы проверить, так ли это.
Это немного поздно, но на будущее только: Добавить это между <головы></головки> после jQuery интерфейса в CSS ссылки.
<style type="text/css">
.ui-datepicker { font-size: 9pt !important; }
</style>и она станет меньше.
В самом верху линии `с jQuery.пользовательского интерфейса.тема.в CSS есть размер шрифта:
в <код>.пользовательского интерфейса-виджет { шрифт-семьи: требушет МС, Тахома, Вердана, Ариал, Санс-засечек; шрифт-размер: .9em;** }</код>
Никакие ваши правила CSS конфликтуют - я могу подтвердить это со 100% уверенностью!
Причина этого в том, что в jQuery'с демо-страницы могут быть очень обманчивы. Как сказал Сэт, их страницы имеют много дополнительных CSS-правил добавлены библиотеки по умолчанию CSS. Если вы посмотрите здесь:
http://jqueryui.com/demos/demos.css
Вы увидите, что они делают базовый размер шрифта значительно меньше, что является реальной причиной.
Я тоже получаю точно такой же вопрос, когда я получал гораздо больший выбор даты на моих страницах, чем они имели на их демо. Чтобы подтвердить, что это их CSS, который был на "конфликта" Ну, я использовал CSS меню веб-инструментов разработчика в Firefox, чтобы отключить вышеуказанные CSS файл отдельно, а затем все вдруг их демо-сайт был большой датами точно такого же размера, как моя.
Таким образом, лучшим ответом здесь некорректно - ничего с вашей стороны - это целиком и полностью, как они уменьшили размер базы. Я Гарантирую Вам, что если вы попробуете то, что я упомянул здесь вы найдете то же самое.
пользовательского интерфейса jQuery имеет тема ролика, что позволяет настроить одну из существующих тем, включая шрифты, цвета и фоны перед загрузкой. Вы можете делать другие вещи, как задать радиус угла, поля и отступы.
Я'd рекомендую пытаясь настроить его так сильно, как вы можете до загрузки, так что вы'придется меньше возиться при использовании его на вашем сайте.
Не забудьте установить размеры шрифтов по умолчанию и таких на всю страницу после вы'вэ называется jQuery и стилей пользовательского интерфейса.
Демо-страницы имеют довольно немного дополнительных CSS для 'исправить' то, что приходит в упакованном CSS, которые они Дон'т упомянуть в любом месте. На мой взгляд, они делают плохую работу, объясняя это, тем более с Сколько времени стандарт CSS использует !важно.
Кроме того, ThemeRoller использует их как по умолчанию, % шрифта установить в другом месте.
В любом случае, нужные ссылки, чтобы сделать их поменьше, установите размер около 9рх.
Здесь's то, что я сделать, прежде чем я использовать любой помощью jQuery:
h1 {font-size:10px;}
h2 {font-size:11px;}
h3 {font-size:11px;}
p {font-size:11px;}
a {font-size:11px;}
