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

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>

如果你想去掉蓝色边框，请将此元素的边框设置为无：

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

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

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

注意你的风格的特殊性。