How to make clickable button?

Question

I have an problem with pointers, in my project i have an box of notification and i want to make not hover, i did it in this way with pointer-events: none :

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move{
        top: 47px !important;
    right: 0px !important; 
    pointer-events: none !important;

}

but the problem is that i want to make an button in this box not hover but just clickable, this class :

.ui-pnotify-action-button{

}

I just want to be clickable not hovered because i have a big problem with hover. Can you help me please. Thanks in advance

Answer 1

Have you tried to apply your styles using pseudoclasses? It seems you don`t want to see some styles.

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move:hover{
    top: 47px !important;
    right: 0px !important;
    // whatever you want it not to be while it is been hovered
}

Also, consider to remove !important and a lot of classes - it`s not a good practice.