How to highlight the Card action while hovering the cursor or on clicking ?

0
We need to get the highlighted card while clicking on the button or just hovering on it. Please suggest if there is any possibility.
asked
2 answers
1

Hi Divya,

You can add classes in your CSS. 

.card:active,

.card:focus,

.card:hover{

    background-color: #f7f7f7;

 }

 

answered
0

Hi Divya,
Your css seems to be working for me. 

.card {
    padding: 30px;
    border: 1px solid #333;
    border-radius: 20px;
    background-color: #FFFFFF;

    &:hover {
        background-color: #d4d7da !important;
        border: 1px solid rgb(197, 78, 78);

        .glyphicon {
            color: #48B0F7;
            background-color: #d4d7da;
        }
    }
}

In chrome / firefox, inspect element and see what's being overridden. If you want to do something specific, please mention so.

answered