JQuery手风琴大图标

我试图在accordion标题中放置一个大于默认16x16的图标。我使用以下代码执行此操作：

.ui-accordion-header.user .ui-icon {
background: url(../../Content/Images/User.gif);
height: 32px;
width: 32px;

}

---

问题是图标的底部被切断且未居中。是否有我遗漏的东西，或者我需要进入并覆盖一些CSS默认值。

根据我个人的经验，只有当您使用一套jQuery组件并试图保持一致的外观时，定制jQuery组件才有价值

如果你只是想创造一个手风琴，你当然可以自己编写一个和他们一样好的手风琴。有更大的图标。我相信它可以优化和改进。您可以根据需要随意使用/修改它

我想你需要

.ui-accordion .ui-accordion-header { height: 32px /* or more */; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 32px /* or more */; }

还有。图标设置为position:absolute，这就是为什么标题没有展开以适合图标的原因

制作一个自制手风琴相当容易，但是你会拒绝ARIA支持，任何内置在小部件中的键盘可访问性，等等