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

Question

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

Answer 1

搜索.rdg-selected。React Data Grid为所谓的单元格掩码使用了一个绝对定位的额外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;
}

注意你的风格的特殊性。