我在之前用CalendarExtender都没有问题,后对页面加了个<link rel="stylesheet" type="text/css" href="stylesheet.css" />(里面定义的是tabcontainer的样式)并对一个tabcontainer的css进行指定,但是奇怪的是tabcontainer中的CalendarExtender弹出后样式错乱了,变得很大,下面是stylesheet的内容,难道他对内部的其他控件也有影响?望高手指点!
/* ajax__tab_ie-theme theme */
.ajax__tab_ie-theme .ajax__tab_header
{
padding-left: 5px;
}
.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab
{
margin-right: 0px;
background: url(img/ie/tab_unselected.gif);
width: 116px;
padding: 9px 0px 3px 0px;
text-align: center;
color: #006699;
font-family: verdana;
font-size: 13px;
display: block;
}
.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab
{
padding: 6px 0px 3px 0px;
background: url(img/ie/tab_selected.gif);
}
.ajax__tab_ie-theme .ajax__tab_body
{
background: url(img/ie/ie_tabbacker_900x50.jpg);
font-size: 13px;
font-family: verdana;
}
.ajax__tab_ie-theme .ajax__tab_body div
{
padding: 8px;
}
/* ajax__tab_ie-theme theme */
.ajax__tab_ie-theme .ajax__tab_header
{
padding-left: 5px;
}
.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab
{
margin-right: 0px;
background: url(img/ie/tab_unselected.gif);
width: 116px;
padding: 9px 0px 3px 0px;
text-align: center;
color: #006699;
font-family: verdana;
font-size: 13px;
display: block;
}
.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab
{
padding: 6px 0px 3px 0px;
background: url(img/ie/tab_selected.gif);
}
.ajax__tab_ie-theme .ajax__tab_body
{
background: url(img/ie/ie_tabbacker_900x50.jpg);
font-size: 13px;
font-family: verdana;
}
.ajax__tab_ie-theme .ajax__tab_body div
{
padding: 8px;
}
.ajax__tab_ie-theme .ajax__tab_body div
{
padding: 8px;
}
.ajax__tab_ie-theme .ajax__tab_body div
{
padding: 8px;
}
我在使用这个控件时,添加了MyCalendar.css样式表,但是在运行页面中未改变样式
MyCalendar.css内容如下:
.ajax__calendar_container
{
border:1px solid #646464;background-color:#C0AB80; color: #FC2628; background-image:url(../Images/Next.gif);
}
.ajax__calendar_other .ajax__calendar_day,
.ajax__calendar_other .ajax__calendar_year
{
color: black;
}
.ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar_hover .ajax__calendar_year
{ color:#6E52DB; font-size:medium;}
.ajax__calendar_active .ajax__calendar_day,
.ajax__calendar_active .ajax__calendar_month,
.ajax__calendar_active .ajax__calendar_year
{ color: black; font-weight:bold;}CalendarExtender设置如下:
<cc1:CalendarExtender ID="MyCalendar" runat="server" TargetControlID="TextBox1" PopupButtonID="btnImage" Format="yyyy-MM-dd" CssClass="MyCalendar.css">
</cc1:CalendarExtender>
我在使用这个控件时,添加了MyCalendar.css样式表,但是在运行页面中未改变样式
MyCalendar.css内容如下:
.ajax__calendar_container
{
border:1px solid #646464;background-color:#C0AB80; color: #FC2628; background-image:url(../Images/Next.gif);
}
.ajax__calendar_other .ajax__calendar_day,
.ajax__calendar_other .ajax__calendar_year
{
color: black;
}
.ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar_hover .ajax__calendar_year
{ color:#6E52DB; font-size:medium;}
.ajax__calendar_active .ajax__calendar_day,
.ajax__calendar_active .ajax__calendar_month,
.ajax__calendar_active .ajax__calendar_year
{ color: black; font-weight:bold;}CalendarExtender设置如下:
<cc1:CalendarExtender ID="MyCalendar" runat="server" TargetControlID="TextBox1" PopupButtonID="btnImage" Format="yyyy-MM-dd" CssClass="MyCalendar.css">
</cc1:CalendarExtender>