选择单元格时是否可以消除蓝色边框？

Question

我正在尝试删除使用react-data-grid时单击单元格时出现的蓝色边框。这可能吗，还是我必须创建拉取请求？

Answer 1

搜索.rdg-selected。 React Data Grid使用绝对定位的额外div作为所谓的 cell-mask 。

.rdg-selected {
    border: 2px solid #66afe9;
}

单元格掩码如下：

<div tabindex="0">
   <div data-test="cell-mask" class="rdg-selected" style="height: 35px; width: 256px; z-index: 5; position: absolute; pointer-events: none; transform: translate(256px, 0px);"> 
   </div>
</div>

如果要消除蓝色边框，请将此元素的边框设置为none：

.rdg-selected {
    /* border: 2px solid #66afe9; */
    border: none;
}

或者给它一个透明的边框颜色：

.rdg-selected {
    /* border: 2px solid #66afe9; */
    border-color: transparent;
}

提防样式的特殊性。