2013-09-21 3 views
0

CSS example http://i44.tinypic.com/24wgch5.gif Прилагаемое изображение отображает представление дня недели, которое я пытаюсь создать, после обновления с версии 1.1.11 до версии 1.6.4. Верхняя часть (v1.4.11) добавила цвет и закругленные края, но я не могу заставить вторую версию делать то же самое, даже после копирования и вставки необходимого кода в новый файл. Если кто-то может сказать мне, какой компонент CSS должен быть затронут, я могу легко применить цвет фона к строке и радиусу к внешним краям. Спасибо заранее за любую помощь.не может восстановить формат дней недели

+0

Я хочу сообщить о небольшом прогрессе, который я сделал. Через пробную версию и ошибку я обнаружил, что текст может быть изменен в разделе «.fc-content .fc-state-default» (по крайней мере, это то, что находится в моем файле fullcalendar.css, не уверен, что оно было добавлено или измененный с оригинала). Странная вещь заключается в том, что добавление атрибута цвета влияет только на названия дней, но когда вы добавляете «font-weight: bold» или цвет фона, это влияет на все в таблице. Во всяком случае, я по-прежнему ценю советы о том, как сделать цвет фона и углы радиуса во второй части скриншота выше. – muybn

ответ

0

Методом проб и ошибок, нашел решение:

/*left top cell in personal calendar*/ 
.fc .fc-grid th.fc-leftmost { 
background-position: 0 0; 
-webkit-border-top-left-radius: 7px; 
-moz-border-top-left-radius: 7px; 
border-top-left-radius: 7px; 
    } 

/*right top cell in personal calendar*/ 
.fc .fc-grid th.fc-sat { 
background-position: 100% 0; 
-webkit-border-top-right-radius: 7px; 
-moz-border-top-right-radius: 7px; 
border-top-right-radius: 7px; 
} 

/*first row (days of week) for personal calendar*/ 
.fc-content .fc-state-default { 
border-style: solid; 
border-color: #D2D2D2; /* inner border color */ 
background: green; 
color: #fff; 
} 
Смежные вопросы