toolbar buttons white on hover

[gil shalit]

when hovering over a grid toolbar button it's color changes to white, which is almost un-seeable on the lightgray background - see attached screencapture.

I would like the color to change to black and possibly be bold​.

I have tried to do this through:

.e-tbar-btn:hover{

    color:gray;

}

with no effect. Can you help?

[Sanjay Kumar Suresh]

Hi Gil Shalit,

We have reviewed your query, and it appears that you want to change the background color and font of the toolbar item. We have achieved your requirement using CSS styling. Please refer to the screenshot, sample, and code snippet provided for your reference.

Sample : https://blazorplayground.syncfusion.com/embed/rthIZBZISpXfcpKg?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

<style>

  

    .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn:hover {

        background-color: red;

        font-weight: bold;

    }

 

</style>

Regards,
Sanjay Kumar Suresh

[gil shalit]

Thank you but your suggestion had no effect. I was succesful with

.e-toolbar-item:hover{

    background-color: gray;

    font-weight: bold;

    border-radius:3px;

}

[gil shalit]

Thank you but your suggestion had no effect. I was succesful with

.e-toolbar-item:hover{

    background-color: gray;

    font-weight: bold;

    border-radius:3px;

}

[gil shalit]

Thank you but your suggestion had no effect. I was succesful with

.e-toolbar-item:hover{

    background-color: gray;

    font-weight: bold;

    border-radius:3px;

}

[Naveen Palanivel]

Hi gil shalit,

We are glad to hear that the reported issue resolved at your end. Kindly get back to us if you have further queries. As always we will be assist you.

Regards,

Naveen