Changing the color of onclick selected text in ken

Question

Can someone help me in changing the color of onclick selected text in kendo angular grids.

Answer 1

::selection is the property you are looking for to change the selected text color (see this answer for more details).

To get this to apply to your kendo grid, use the following CSS:

.k-grid ::selection {
  background-color: #3399FF;
  color: #fff;
}

If you are still having trouble, make sure you are applying your CSS to the global scope. Because of style encapsulation, this is the easiest way to affect the styling of a third party component such as the Kendo grid.

Note: I chose this blue #3399FF with white #fff text to change the highlight color back to the standard for internet explorer. See this answer for more details about the default colors for various broswers.