将所选行颜色添加到备用kendo网格CSS

Question

我有一个剑道网格，它包含不同颜色的行。我试图将行选择的颜色添加到交替的行，如1,3,5,7 ....因为行2,4,6,8 ...选择的颜色工作正常，但当选择交替行时它不会显示选择的颜色，我相信我可能留下了无法找到的东西，请让我知道我缺少的东西

CSS代码

这是所有行的CSS

.k-grid-content > table > tbody > tr 
{
background:rgba(63,193,192, 0.1);
/*opacity:0.8;*/
filter:Alpha(opacity=50); /* IE8 and earlier */
border:1px solid white;
color:#494949;   

cursor:pointer;
transition:color 1s ease;
transition:background 1s ease; 
}

备用行的CSS

.k-grid-content>table>tbody>.k-alt
{
   background:rgba(63,193,192, 0.2);   
    filter:Alpha(opacity=50); /* IE8 and earlier */    
}

这适用于选定的行（仅适用于备用行）

.k-grid table tr.k-state-selected
{
background: #22B99F;

 }

以下是描述问题的图片

Answer 1

假设您的问题

，这是example

问题在于您的css文件。备用行不起作用，因为（我认为）你写了

.k-grid table tr.k-state-selected
{
    background: #22B99F;
}

.k-grid-content>table>tbody>.k-alt
{
   background:rgba(63,193,192, 0.2);   
   filter:Alpha(opacity=50); /* IE8 and earlier */    
}

此处备用行的样式将覆盖所选行的样式，因此请尝试在.k-grid-content>table>tbody>.k-alt之后指定所选行的颜色

.k-grid-content>table>tbody>.k-alt
{
   background:rgba(63,193,192, 0.2);   
   filter:Alpha(opacity=50); /* IE8 and earlier */    
}

.k-grid table tr.k-state-selected
{
    background: #22B99F;
}

以下是solution