带箭头按钮的asp.net手风琴css

时间:2011-04-11 09:14:46

标签: asp.net css ajax ajaxcontroltoolkit accordion

我无法google / bing CSS for asp.net ajax手风琴菜单CSS [Vertical]每个窗格上都有箭头按钮。展开时显示不同的箭头,折叠时应显示不同的箭头。

1 个答案:

答案 0 :(得分:4)

我用它来设置背景图片,作为我网站中的折叠/展开图片。 您可能需要稍微调整一下:

HeaderCssClass="accordionHeader" 
HeaderSelectedCssClass="accordionHeaderSelected"

.accordionHeader
{
    background-image: url('images/arrow_expand.gif');
    background-repeat: no-repeat;
    background-position: left center;
    border: 1px solid #dddddd;
    background-color: White;
    padding: 3px 3px 3px 18px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    background-image: url('images/arrow_collapse.gif');
    background-repeat: no-repeat;
    background-position: left center;
    border: 1px solid red;
    padding: 3px 3px 3px 18px;
    margin-top: 5px;
    cursor: pointer;
}