如何更改活动时的折叠颜色
How to change collapse color on active?
我想更改折叠标题颜色(背景和字体颜色):
http://jsfiddle.net/KbQyx/
怎么做这个东西?
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne">
Collapsible Group Item #1
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
</div>
我假设数据手风琴只在<h4>
标签中。
这是一个可行的解决方案:jsfiddle
.panel-default > .panel-heading > .panel-title.collapsed > a{
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading > .panel-title:not(.collapsed) > a{
color: #fff;
background-color: red;
border-color: red;
}
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- ExtJS——在展开/折叠时调整面板高度
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 更改使用Chart.js创建的图表中的轴线颜色
- 如何使用jquery更改html中的背景颜色
- 动态更改高图中的系列颜色
- jsf中两个字符串的颜色代码差异
- 展开和折叠文件夹
- 展开和折叠自举手风琴
- 我们如何使用css或JavaScript在i/j上更改句点(点)的颜色
- d3.hexbin插件-动态定义颜色域以适应数据
- 我如何制作一个JS函数,它可以从相似的原始颜色双向更改为某个颜色
- 每个选择器的Jquery css颜色都在变化,但字体大小却没有变化
- 默认情况下折叠和展开嵌套列表
- 如何更改活动时的折叠颜色
- 引导 NAV 方式在移动设备中折叠或展开时设置颜色样式
- 如何在Ajax可折叠面板展开时更改面板的颜色,该面板是在代码隐藏中创建的
- 悬停文本颜色上的 jquery UI 折叠项
- D3可折叠树不同的节点颜色