asp.net 화살표 버튼이있는 accordion CSS

Question

asp.net 아약스 아코디언 메뉴 CSS [vertical]에 대해 각 /에 화살표 버튼이있는 google/bing CSS를 사용할 수 없습니다. 펼칠 때 다른 화살을 보여주고 무너질 때 다른 화살을 보여야한다.

Answer 1

배경 이미지를 내 웹 사이트의 축소/확장 이미지로 사용하도록 설정하려면이 방법을 사용합니다. 당신은 그것을 조금 조정할 수있다 :

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; 
}