Can't change color of command button on grid

[Jeff]

I'm trying to change the color of the grid command button but the CSS is not taking effect.  The CSS is being called because the font size is changing.  The color is not for some reason.  Any ideas.


CSS:
.editButtonChangeColor
{
background-color: Red;
color: Red;
border-color: Red;
font-size: 20px;
}

Databound function of grid:
$(".k-grid-edit").addClass("editButtonChangeColor");

[Dimiter Madjarov]

Hi Jeff,


The command buttons also have a background-image property specified, which is overriding the specified background color. Please use the following or similar styles.
E.g.

.k-grid-edit
{
    background-image: none;
    background-color: blue;
}

I hope that this was the information that you were looking for. I wish you a great day!

 

Regards,
Dimiter Madjarov
Telerik

[Jeff]

Hi Dimiter,

I've tried your solution and I'm still getting the same issue.

[Dimiter Madjarov]

Hi Jeff,


I am not sure what could be the problem by your side. Here is a JS Bin example, which demonstrates that the approach is working.

Please let me know if the example was helpful for you or I could assist you further.

 

Regards,
Dimiter Madjarov
Telerik