將所選行顏色添加到備用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

以下是假設您的問題的示例

問題出在您的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;
}

這是解決方案