jQuery UI Calendar отображает слишком большой, хотелось бы демонстрационный размер? - PullRequest
35 голосов
/ 18 июня 2009

Поэтому я загрузил пользовательский пользовательский интерфейс для jQuery и добавил элемент управления календаря на свой сайт (пример: текст ссылки ). В примере он показывает / отображает размер, который мне нужен, но на моей веб-странице он примерно в два раза больше. Зачем???

У меня есть масса других CSS, но я не могу контролировать внешний вид страницы (не могу коснуться текущего CSS, MEH !!). Можно ли посмотреть демо-версию на моем сайте?

Я думаю, что это код, который есть у jQuery UI, который может усложнить ситуацию

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #B9C4CE; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #616161; }
.ui-widget-content a { color: #616161; }
.ui-widget-header { border: 1px solid #467AA7; background: #467AA7 url(../images/ui-bg_highlight-soft_75_467AA7_1x100.png) 50% 50% repeat-x; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #fff; }

Это часть пользовательского интерфейса CSS

Ответы [ 12 ]

0 голосов
/ 20 августа 2010

Какой бы размер вы не хотели, вы можете установить, отредактировав эту строку в CSS.

.ui-widget { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; }

просто укажите другой размер шрифта, например .5em или .8em

 .ui-widget { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: .5em; }

Это будет работать, у меня нет.

0 голосов
/ 18 июня 2009

Убедитесь, что на вашей странице нет конфликтов css - например, настройки размера шрифта html / body или контейнера, которые будут передаваться в календарь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...