Single post in A Somewhat Extensive Guide to BBCodes
Forum Index > PokéFarm > Guides > A Somewhat Extensive Guide to BBCodes >
Is there a way to change the style of the title on the active accordion tab? As in, the header of the accordion tab that's open looks different from the rest? I figure it's probably similar to changing the appearance of the active tab button in a tabbed interface with the tab-active element, but I can't figure out exactly how to apply it to the accordion/accordion sections.
For context, this is a simplified version of the accordion tabs I'm working with at the moment. I'd like to have the on-hover appearance stick when you open one of the tabs and move the mouse away.
Text
.accordion > h3 {
background: transparent;
border: 2px solid transparent;
}
a {
padding: 5px;
text-transform:uppercase;
}
a:hover {
padding: 3px;
background: #0d8040;
border: 2px solid #1aff80;
color: #1aff80;
}
avatar by louis wain (1860-1939); public domain
5/6 IVs & S/A/D UFS in my shop, come stop by