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

Question

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

Answer 1

搜索 .rdg-selected。 React Data Grid 为所谓的 cell-mask.

使用绝对定位的额外 div

.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;
}

注意你的风格的特殊性。

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

Is it possible to eliminate the blue border when selecting cells?

react-data-grid