【经验分享】可编辑的单元格显示边框，不能编辑的不显...

sanshi

====

我简单调整了一个，在这个示例：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>

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