JQuery手风琴更大的图标

Question

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

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

}

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

Answer 1

根据我个人的经验，定制jQuery组件是值得的，如果你使用它们并试图保持一致的外观和感觉。

如果您只想制作手风琴，您当然可以自己编写一个与他们一样好的编码。 Here is one I whipped up a little while ago有更大的图标。我确信它可以进行优化和改进。您可以根据需要随意使用/修改它。

Answer 2

我认为你需要

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

也是。该图标设置为position: absolute，这就是标题未展开以适合图标的原因。

做家用手风琴相当容易，但你会摒弃ARIA的支持，内置于小部件中的任何键盘可访问性等。