FineUI 官方论坛

标题: 【经验分享】可编辑的单元格显示边框，不能编辑的不显... [打印本页]

作者: sanshi 时间: 2020-3-24 15:20
标题: 【经验分享】可编辑的单元格显示边框，不能编辑的不显...
[attach]12376[/attach]

====

我简单调整了一个，在这个示例：https://pro.fineui.com/#/grideditor/grideditor_editable_cell.aspx

头部添加CSS样式：
<style>
      .f-grid-cell.f-grid-cell-editable {
            padding: 3px;
      }

            .f-grid-cell.f-grid-cell-editable > .f-grid-cell-inner {
                     border-style: solid;
                     border-width: 1px;
                     border-color: #ccc;
            }

            .f-grid-cell.f-grid-cell-editable.f-grid-cell-uneditable > .f-grid-cell-inner {
                     border-style: none;
                     opacity: 1;
                     filter: alpha(opacity=100);
            }

      .f-grid-cell-editor {
            padding: 3px;
      }
</style>

此时的效果截图所示。当然这里定义了边框颜色，所以这个边框颜色只适合于浅色主题。
[attach]12377[/attach]

欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/)