DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

How to remove highlight once Hovered on buttons

How to remove highlight once Hovered on buttons

CountLessQCountLessQ Posts: 33Questions: 9Answers: 0
in Free community support

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.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.