You’re probably better off duplicating the :hover styles into another class and then just adding that class name to the element when you want them to change permanently. Pseudo-classes are “pseudo” for a reason.
More Related Contents:
- How to force browser to show image 3 inches wide?
- Disabling browser print options (headers, footers, margins) from page?
- Setting minimum size limit for a window minimization of browser?
- Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?
- How do I dynamically adjust css stylesheet based on browser width?
- Is it possible to disable Ctrl + F of find in page?
- Download the text over image using jquery
- Communication between tabs or windows
- Replacing css file on the fly (and apply the new style to the page)
- How to autosize a textarea using Prototype?
- How to change CSS property using JavaScript
- How to silently hide “Image not found” icon when src source image is not found
- How to Include CSS and JS files via HTTPS when needed?
- Use images like checkboxes
- Setting CSS value limits of the window scrolling animation
- How can I generate the opposite color according to current color?
- HTML – how can I show tooltip ONLY when ellipsis is activated
- HTML Table with vertical rows
- scrollTop animation without jquery [duplicate]
- Using querySelectorAll to change the style property of multiple elements
- What is the difference between window.innerWidth and screen.width?
- CSS: Two column Div layout misaligns when Zoom changes
- Specify parent divs opacity but make it not affect children HTML elements
- How to override css prefers-color-scheme setting
- Resize external website content to fit iFrame width
- Auto Mobile Site Redirect
- Styling Vuetify selectors
- How to keep the header static, always on top while scrolling?
- HTML5 Video autoplay with sound unmuted
- How do I put a clear button inside my HTML text input box like the iPhone does?