0

CSS の例 添付の画像は、v1.4.11 から v1.6.4 にアップグレードした後、作成しようとしているカレンダーの曜日ビューを示しています。上部のセクション (v1.4.11) は色を追加し、エッジを丸くしましたが、必要なコードをコピーして新しいファイルに貼り付けた後でも、2 番目のバージョンで同じことを行うことができません。どの CSS コンポーネントが影響を受けるかを誰かが教えてくれれば、行に背景色を適用し、外側の端に半径を簡単に適用できます。ご協力いただきありがとうございます。

4

2 に答える 2

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;
}
于 2013-09-23T05:07:47.377 に答える
0

より良い:

.fc .fc-grid th 
{
    background: green;
}
于 2013-09-23T19:39:58.193 に答える