아코디언 머리글에 기본 16x16보다 큰 아이콘을 넣으려고합니다. 나는 다음과 같은 코드를 사용하여이 작업을 수행 :JQuery 아코디언 큰 아이콘
.ui-accordion-header.user .ui-icon {
background: url(../../Content/Images/User.gif);
height: 32px;
width: 32px;
}
문제는 아이콘의 하단이 차단되고 중앙에 있지이다. 누락 된 것이 있거나 CSS 기본값 중 일부를 무시해야합니다.
난 당신이
.ui-accordion .ui-accordion-header { height: 32px /* or more */; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 32px /* or more */; }
position: absolute으로 설정되어 있기 때문에 머리글이 아이콘에 맞게 확장되지 않습니다.
집에서 만드는 아코디언을 만드는 것은 매우 쉽지만 ARIA 지원, 위젯에 내장 된 키보드 접근성 등을 없앨 것입니다.
제 개인적인 경험에 따르면 jQuery 구성 요소를 사용자 정의하는 것은 가치가 있습니다. 스위트 룸을 사용하고 일관된 모양을 유지하려고 시도하는 경우 & 느낌입니다.
아코디언을 만들기 만하면 자신과 똑같은 코드를 만들 수 있습니다. Here is one I whipped up a little while ago 큰 아이콘이 있습니다. 나는 그것이 최적화되고 향상 될 수 있다고 확신한다. 필요할 때 언제든지 사용/수정하십시오.