如何自定义日历Web控件标题

时间:2012-11-25 13:59:26

标签: calendar customization asp.net-webcontrol

这是我的日历。我希望能够格式化标有红色矩形的标题。我该如何访问?我应该改变什么属性?

enter image description here

1 个答案:

答案 0 :(得分:1)

问题没有指明标记或代码,所以很难给出一个好的答案。

但是,通常,格式化可以在很大程度上由css指定。我建议使用Firefox扩展程序Firebug来检查日历的标记。您可以轻松识别与标记中的标题对应的元素,并为其指定自定义CSS样式。

例如,如果你的加价是:

<html>
<body>
    <div class="calendar">
        <h1>Events</h1>
        <h2><span>November 2012</span></h2>
        <table>
            <thead>
                <tr><th>MON</th><th>TUE</th><th>WED</th><th>THU</th><th>FRI</th><th>SAT</th><th>SUM</th></tr>
            </thead>
            <tbody>
                <tr><td>29</td><td>30</td><td>31</td><td>1</td><td>2</td><td>3</td><td>4</td></tr>
                <tr colspan="7"><td>...</td></th>
            </tbody>
        </table>
    </div>
</body>
</html>

你会添加:

<style>
div.calendar h2 span /*selector for a span, in a h2, in a div that has class "calendar".*/
{
    border-color: red;
    border-width: 2px;
    border-style: solid;
}
</style>

到html(或者更确切地说,创建一个专用的css文件),在月份和年份标题周围绘制一个红色矩形。