您的位置:首页 > Web前端 > CSS

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

2011-07-16 16:31 155 查看
 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来定义,如果只是想指定交替行的颜色,而其它不变,很简单:

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

这样就将交替行设为了红色,^-^
 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  工具 css ie