当手风琴折叠并打开时，如何更改Bootstrap手风琴面板标题/标题背景颜色

Question

以下是手风琴折叠并打开时需要背景颜色变化的代码： http://www.bootply.com/cherylbbb/COm6fikZKx

如何更改css以设置背景颜色变化的样式？

非常感谢你！

Answer 1

你可以通过CSS播放panel-heading和collapsed类来实现。 Par示例将这些行附加到您的css：

/* set panel-heading paddings to a instead of h3 */    
.panel-heading { padding: 0 }
.panel-heading h3 { background: #bbf; }
.panel-heading a { padding: 10px 15px; }

/* change color of collapsed class */
.collapsed { background: #fbb; }

/* reposition the left arrows */
.panel-heading .accordion-toggle.collapsed:after { top: 10px; }
.panel-heading .accordion-toggle:after { top: 10px; }

了解your demo looks like with the changes

的方式