自定义Ext/Coolite的GridPanel的交替行颜色

GridPanle默认就有交替行颜色，但今天群里的朋友说那颜色太淡了，想自定义设置，我看了下，如果要自定义交替行的颜色，我通过IE8自带的开发者工具看到GridPanel的行主要有以下Css：



.x-grid3-row为GridPanel行样式，

.x-grid3-row-alt为GridPanel交替行的样式

.x-grid3-row-first为首行样式

.x-grid3-row-last为最后一行样式。



如果要自定义样式，可以通过 .x-grid3-row和 .x-grid3-row-alt来定义，如果只是想指定交替行的颜色，而其它不变，很简单：

.x-grid3-row-alt
    {
        /*将GridPanel的交替行设为红色*/
        background-color:Red;
    }

这样就将交替行设为了红色，^-^