easyui datagrid 样式自定义

easyui datagrid  样式自定义 css自定义


.datagrid-view

    {
        background-color:#0F9BDE;
    }
    td.datagrid-header-over:hover,.datagrid-header-rownumber:hover
    {
        background: -moz-linear-gradient(100% 20% 90deg, #09A3EC, #20AAEC);
        background: -webkit-gradient(linear, 50% 20%, 50% 100%, from(#20AAEC), to(#09A3EC));


    }
    .datagrid-header-inner,.datagrid-header-rownumber
    {
   background: -moz-linear-gradient(100% 20% 90deg, #6dc6e9, #0F9BDE);/**ie*/
        background: -webkit-gradient(linear, 50% 20%, 50% 100%, from(#0F9BDE), to(#6dc6e9));/*firox*/
    }
    .datagrid-view1 .datagrid-body, .datagrid-view1 .datagrid-body .datagrid-body-inner
    {
        background: -moz-linear-gradient(left, #0F9BDE, #6dc6e9);
        background: -webkit-gradient(linear,100% 50%, 30% 50%, from(#6dc6e9), to(#0F9BDE));
    }
     .datagrid-view1 .datagrid-body .datagrid-body-inner:hover
    {
        background: -moz-linear-gradient(left, #20AAEC, #09A3EC);
        background: -webkit-gradient(linear,100% 50%, 30% 50%, from(#09A3EC), to(#20AAEC));
    }
    .datagrid-cell
    {
        color:white;
        font-weight:bolder;
    }
    .datagrid-cell-rownumber
    {
        color:white;
        background: -moz-linear-gradient(left, #0F9BDE, #6dc6e9);
        background: -webkit-gradient(linear,100% 50%, 30% 50%, from(#6dc6e9), to(#0F9BDE));
    }
    .datagrid-row-over
    {
        background-color: #30b2dd;
        color: white;
    }
    .datagrid-row-selected {
        background: #0DA4CC;
        color: white;
    }
    .panel-header {
        background-color: #0AB2E4;
        background: -webkit-linear-gradient(top,#E4ECEF 0,#17B3E2 80%);
        background: -moz-linear-gradient(top,#E4ECEF 0,#17B3E2 80%);
        background: -o-linear-gradient(top,#E4ECEF 0,#17B3E2 80%);
        background: linear-gradient(to bottom,#E4ECEF 0,#17B3E2 80%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);
    }
    .panel-title
    {
        color:white;
        font-size: 14px;
        font-weight: bold;
        height: 20px;
        line-height: 20px;
        margin-left: 8px;
    }
    .panel-header
    {
        height: 22px;
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值