Asp.net mvc 将斑马条纹应用于jQueryUI手风琴
我有一个asp.NETMVC应用程序基于jQueryUI手风琴插件构建了一个手风琴-我想应用斑马条纹 以下是构造函数循环:Asp.net mvc 将斑马条纹应用于jQueryUI手风琴,asp.net-mvc,jquery-ui,jquery-plugins,Asp.net Mvc,Jquery Ui,Jquery Plugins,我有一个asp.NETMVC应用程序基于jQueryUI手风琴插件构建了一个手风琴-我想应用斑马条纹 以下是构造函数循环: <div id="accordion"> <% foreach (var webinar in Model as IList<Webinar>) { %> <div id="accordionItem">//toDo: Programmically pick o
<div id="accordion">
<%
foreach (var webinar in Model as IList<Webinar>)
{ %>
<div id="accordionItem">//toDo: Programmically pick odd/even rows
<div class="accStripe"> //insert a div for even rows
<h3><a href="#"><b><%= myObj.Title%></h3>
<div id="descContent">
<a href="Details/<% =myObj.ID %>"><%= myObj.Desc%> ...more</a>
</div>
</div>
</div>
<% } %>
</div>
我可以拾取虚线边框,但不能拾取背景色。我认为这是由于
.ui accordion头的部分更为具体?我需要挖掘多深才能找出如何覆盖它?jquery ui上的Richard D.Worth提供了答案:
包装器元素(.accStripe)包含两个子元素,.ui accordion header和.ui accordion,每个子元素都有背景:
.accStripe { background:#F7EEDC none repeat scroll 0 0; border-bottom:1px dotted #DFAC45; }
.accStripe .ui-accordion-header { background:#F7EEDC none repeat scroll 0 0; }
.accStripe .ui-accordion-content { background:#F7EEDC none repeat scroll 0 0; }
jquery ui上的Richard D.Worth提供了答案:
包装器元素(.accStripe)包含两个子元素,.ui accordion header和.ui accordion,每个子元素都有背景:
.accStripe { background:#F7EEDC none repeat scroll 0 0; border-bottom:1px dotted #DFAC45; }
.accStripe .ui-accordion-header { background:#F7EEDC none repeat scroll 0 0; }
.accStripe .ui-accordion-content { background:#F7EEDC none repeat scroll 0 0; }