Reset pseudo-class style

Is there a way to reset styling in the default pseudo-class without the pseudo-class? It would be similar to initial

/ inherit

, but for pseudo-classes, not elements.

For example Bootstrap installs background: none

for all active buttons. I believe this prevents the weird default click state like the 80s / 90s (which it is). I would like to set the background as an image for some buttons, but it might be awkward / redundant to set it to the same value for every pseudo-class, even with a preprocessor like LESS / Sass.

Bootstrap style:

.btn.active, .btn:active {
    background-image: none;
}

      

My suggested style:

.btn.active, .btn:active {
    background-image: non-pseudo-class-state;
}

      

Is there a way to do this in one place without having to install it every time?

+3


source to share





All Articles