How to remove highlight once Hovered on buttons

How to remove highlight once Hovered on buttons

CountLessQCountLessQ Posts: 33Questions: 9Answers: 0

I am trying to remove the hoover affect from buttons. I tried This:

 .dataTables_wrapper .dt-button .dt-button:hover {
      background: none;
      color: black!important; /*change the hover text color*/
    }


    /*below block of css for change style when active*/

    .dataTables_wrapper .dt-button .dt-butto:active {
      background: none;
      color: black!important;
    }

Answers

  • CountLessQCountLessQ Posts: 33Questions: 9Answers: 0

    this is my code for the future on how to remove hover on btn:

      .dt-button {
                float: left;
                text-align: left;
                margin: 0px 2px 0px 0px;
                font-size: 11px;
                font-family: Arial, Helvetica, sans-serif;
            }
    
                .dt-button.red {
                    color: white;
                    background: #2356a6;
                    position: relative;
                    display: inline-block;
                    padding: 3px 8px;
                    border-radius: 3px;
                    margin: 0px 2px 0px 0px;
                    font-size: 11px;
                    font-family: Arial, Helvetica, sans-serif;
                }
    
                    .dt-button.red:hover {
                        color: white !important;
                        background: #2356a6 !important;
                        position: relative !important;
                        display: inline-block !important;
                        padding: 3px 8px !important;
                        border-radius: 3px !important;
                        margin: 0px 2px 0px 0px;
                        font-size: 11px;
                        font-family: Arial, Helvetica, sans-serif;
                    }
    
This discussion has been closed.