Impossible de modifier background-color de CalendarExtender

Bonjour à tous,

Je bloque sur un problème depuis quelques jours.

Lorsque j'utilise mon Calendrier, les textes n'apparaissent pas.
J'ai modifié tous les attributs possibles (Couleur d'arrière plan, modification de la police) dans ma page de style, mais les chiffres et textes ne sont pas visibles.

je ne sais plus trop quoi faire .

Merci d'avance.

Bonjour,

Pourriez vous nous donner plus de détails ?

La bibliothèque du calendrier :
- C'est un composant javascript ?
- Si oui , page web de la librairie ?

Votre code source, avec quelques commentaire.

Merci d'avance.

Bonjour,

C'est un composant Ajax de la librairie Ajaxtoolkit.
Voici le code de ma page, j'utilise une MasterPage.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<asp:Content ID="loginTitle" ContentPlaceHolderID="TitleContent" runat="server">
</asp:Content>
 
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
    </asp:ScriptManagerProxy>
 
<asp:Panel ID="PnlBlock" runat="server">
<asp:TextBox ID="tbCreaDate" runat="server" Columns="17" />
                                        <ajaxtoolkit:CalendarExtender ID="tbCreaDateCalendarExtender" runat="server" Format="dd/MM/yyyy"
                                            TargetControlID="tbCreaDate" DaysModeTitleFormat="dd/MM/yyyy" CssClass="custom-calendar"
                                            Enabled="True">
                                        </ajaxtoolkit:CalendarExtender>
</asp:Panel>
</asp:Content>

Dans le Css custom-calendar :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
.custom-calendar .ajax__calendar_container   
{
    background-color:#ffc; /* pale yellow */ border:solid 1px #666;z-index : 1000 ; 
    font-family:arial,helvetica,clean,sans-serif;
 
    } 
 
.custom-calendar .ajax__calendar_title {  background-color:#cf9; /* pale green */ height:20px;  color:#333; } 
 
.custom-calendar .ajax__calendar_prev, .custom-calendar .ajax__calendar_next {  background-color:#aaa; /* darker gray */ height:20px;  width:20px;
} 
 
.custom-calendar .ajax__calendar_day {  color:#333; /* normal day - darker gray color */} .custom-calendar .ajax__calendar_other .ajax__calendar_day {  color:#666; /* day not actually in this month - lighter gray color */} 
 
.custom-calendar .ajax__calendar_today {  background-color:#cff;  /* pale blue */ height:20px; }

J'ai essayé de modifier des couleurs, la taille ....sans succès!!