Tweet
I have a row of buttons in my nav bar, all like this one:
<a href="#"><div id="navButtonOverview" class="navbutton" onclick="overviewPane()" />Overview</div></a>
How do I make the button stay a certain color after they click on it? (It is to emphasize the tab/page unity.)
I thought it would be by:
.navbutton:active { background-color: red;
}
... but that doesn't change anything on button click. As part of the onclick innerHTML in the JavaScript, I added:
+ "<style type='text/css'>#navButtonOverview{ background-color: #93c2e9; }</style>"
... but the style did not change.
What else should I try?
<a href="#"><div id="navButtonOverview" class="navbutton" onclick="overviewPane()" />Overview</div></a>
How do I make the button stay a certain color after they click on it? (It is to emphasize the tab/page unity.)
I thought it would be by:
.navbutton:active { background-color: red;
}
... but that doesn't change anything on button click. As part of the onclick innerHTML in the JavaScript, I added:
+ "<style type='text/css'>#navButtonOverview{ background-color: #93c2e9; }</style>"
... but the style did not change.
What else should I try?
Comment