Я использую jquery datepicker (http://jqueryui.com/demos/datepicker/).Styling jQueryUI DatePicker
Датпикер на демо-странице небольшой и компактный. Однако, когда я использую datepicker на моем сайте, календарь ОГРОМНЫЙ. Я бы оценил, что каждая дата использует шрифт 12 pt.
Как я могу получить меньше дней?
Простой ответ: вы можете добавить размер шрифта в свой css к «.ui-datepicker».
Но я думаю, что у вас могут быть некоторые правила css, которые противоречат друг другу. Вы должны использовать метод из ссылки Пауло, чтобы проверить, так ли это.
Вы включаете jquery-ui.css в своих объявлениях CSS?
Кроме того, страница примера содержит кучу объявлений с размером шрифта в своем CSS.
У них размер шрифта 10pt на теле. Удалите это в firebug, и вы, вероятно, увидите те же самые размеры шрифта, что и ваше видение на вашей странице.
jQuery UI имеет theme roller, который позволяет вам настроить одну из существующих тем, включая шрифты, цвета и фон перед загрузкой. Вы можете делать другие вещи, например, задавать угловой радиус, поля и отступы.
Я бы порекомендовал попробовать настроить его столько, сколько вы можете до, так что при использовании его на вашем сайте у вас будет меньше поводов.
Не забудьте установить размер шрифта по умолчанию и т. Д. Для всей страницы после, вы назвали таблицу стилей jQuery UI.
Ничто из ваших правил CSS не противоречит - я могу проверить это со 100% уверенностью!
Причина этого в том, что демонстрационные страницы jQuery могут быть ОЧЕНЬ вводящими в заблуждение. Как сказал Сет, на их страницах есть множество дополнительных правил CSS, добавленных поверх библиотеки CSS по умолчанию. Если вы посмотрите здесь:
http://jqueryui.com/demos/demos.css
Вы увидите, что они делают базовый размер шрифта значительно меньше, что является истинной причиной.
У меня тоже была такая же точная проблема, когда у меня на моих страницах было намного больше выбора даты, чем у них на демо. Для подтверждения было THEIR CSS, который был «конфликтующим», я использовал меню CSS панели инструментов веб-разработчиков в Firefox, чтобы отключить указанный выше CSS-файл, а затем весь неожиданный демонстрационный сайт THEIR имел большие подборщики дат только такой же размер, как у меня.
Таким образом, лучший ответ здесь неверен - он ничего не значит на вашем конце - это полностью, как ОНИ уменьшили размер базы. Я гарантирую, что если вы попробуете то, что я упомянул здесь, вы найдете то же самое.
Самая верхняя строка jquery.ui.theme.css имеет размер шрифта:
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: .9em; }
демо-страницы имеют совсем немного дополнительных CSS, чтобы «исправить», что приходит в упакованном CSS, что они не упоминают в любом месте. На мой взгляд, они плохо работают, объясняя это, особенно с тем, сколько времени используется стандартный css!
Кроме того, ThemeRoller использует em как значение по умолчанию, которое составляет% от набора шрифтов в другом месте.
В любом случае, даты являются ссылками, поэтому, чтобы уменьшить их размер, установите размер около 9 пикселей.
Вот что я делаю, прежде чем я использовать любой JQuery:
h1 {font-size:10px;}
h2 {font-size:11px;}
h3 {font-size:11px;}
p {font-size:11px;}
a {font-size:11px;}
Это немного поздно, но на будущее только: Добавить это между вашей, после ссылки CSS JQuery UI.
<style type="text/css">
.ui-datepicker { font-size: 9pt !important; }
</style>
, и он станет меньше.
@seth - Если он не включил CSS, то datepicker не будет datepicker. –