如何自定义加/减jQuery UI手风琴图像 [英] How to customize the plus/minus jQuery UI accordion images

问题描述

http://jqueryui.com/demos/accordion/#custom-icons

我想在下面的Accordian中添加这些向上箭头图标.我应该如何修改我的代码?急需帮助. thnx

I want to add those up down arrow icons in my Accordian below. How should I modify my code ? Need help badly. Thnx

<cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true"  Visible="true" AutoSize="None"SelectedIndex="0" RequireOpenedPane="false"  TransitionDuration="250" 
HeaderCssClass="accordionHeader toggler" 
     HeaderSelectedCssClass="accordionHeader toggler-expanded" ContentCssClass="accordionContent">
                <HeaderTemplate>

                    <b style="color: Black">

                        <%#Eval("Ques")%>
                    </b>
                <ContentTemplate>
                <p> <%#DataBinder.Eval(Container.DataItem, "QuesAns")%></p>

                </ContentTemplate>
            </cc1:Accordion>

推荐答案

更改:

.toggler {         
     background:url("/images/icons/plus.png") no-repeat left center transparent;    
}         

.toggler-expanded {         
     background-image:url("/images/icons/minus.png");
}

收件人:

.toggler {         
     background:url("path/to/yourimage.png") no-repeat left center transparent;    
}         

.toggler-expanded {         
     background-image:url("path/to/yourimage.png");
}

但是您应该看一下 jQuery主题.

这篇关于如何自定义加/减jQuery UI手风琴图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！