Styling edited row problem

[Yoe]

I don't understand where styling for edited row is coming from. In this case my grid is using WebBlue skin with default settings. When I click on "Edit" row becomes "highlighted" with white background overriding grid's row background and rendering bottom border. What I would like to have is for the row being edited to inherit background from the grid or have its background transparent (so that grid's row background is showing thru) and to get rid of bottom border. I'm attaching few images reference. One is showing normal grid with WebBlue skin and then two additional images show what the rows look like when I click on "Edit" button.

Of course, I have read this part of the documentation but none of the suggestions had any effect. I edited GridEditRow_WebBlue but nothing chagned.

[Princy]

Hello,

Try setting the CSS class for the edited row as shown below.
C#:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
 if (e.Item is GridEditableItem && e.Item.IsInEditMode)
 {
   GridEditableItem item = (GridEditableItem)e.Item;
   if (item.ItemIndex % 2 != 0)
   {
      item.CssClass = "edit";
   }
 }
}

CSS:

.edit
{
  background-color: #DAE2E8;
}

Thanks,
Princy.