解决CSS引起AJAX日期控件CalendarExtender错乱的问题

重新通过CSS对日期控件进行设定

 

 

<script type="text/javascript" src="js/func.js"></script>
<style type="text/css">
.cal_Theme1 .ajax__calendar_container   {    background-color: #e2e2e2;     border:solid 1px #cccccc;}   

.cal_Theme1 .ajax__calendar_header  {    background-color: #ffffff;     margin-bottom: 4px;}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {    color: #004080;     padding-top: 3px;}
.cal_Theme1 .ajax__calendar_body    {    background-color: #e9e9e9;     border: solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_body table tr td{height:10px; border-right-style:none; border-bottom-style:none;}   //主要在这里
.cal_Theme1 .ajax__calendar_dayname {    text-align:center;     font-weight:bold;     margin-bottom: 4px;     margin-top: 2px; }
.cal_Theme1 .ajax__calendar_day {   text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {    color: #004080;     background-color: #ffffff;}
.cal_Theme1 .ajax__calendar_today   {    font-weight:bold;}
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {    color: #bbbbbb;}

</style>

 

对日期控件指定  CssClass="cal_Theme1"