No borders in grid, but on Input

[Ian]

Using this custom CSS I am able to remove all the borders on a gird. Works great.

/* Grids can't have borders */
.k-grid, .k-grid *   { border: 0 !important; }

the problem is that it removed borders from all the elements in the grid. How can I edit the CSS so that only the Gird has all the borders and lines removed, but all the child controls still have their borders?

[Dimo]

Hi Ian,

The universal selector "*" must be replaced with explicit listing of the elements that you want to have no borders. For example

.k-grid,
.k-grid-header-wrap,
.k-grid-header th,
.k-grid-content > table > tbody > tr > td
{
      /*...    */
}

Generally, the universal selector should be used carefully and sparingly.

Regards,
Dimo
Telerik