Bootstrap Accordion，设置活动头板的样式

Question

I want to set a style to the active position 'panel heading' as this:

I want to add the background color and font-weight for the active panel... and that icon stood in the down position... What i have (my code) : http://www.bootply.com/wZrFTAIRfe

PS sorry for my english..

Answer 1

Try this:

.panel-default>.panel-heading[aria-expanded="true"] {
    font-weight: bold;
    background-color: #99ccff;
    background-image: url(http://storage4.static.itmages.ru/i/16/0724/h_1469363621_2952426_312a0c7b35.png);
}

Answer 2

add this to css

[aria-expanded="true"] .panel-title
{
background-color: blue;
font-weight: 600;
}