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

【问题标题】：Is it possible to eliminate the blue border when selecting cells?选择单元格时是否可以消除蓝色边框？
【发布时间】：2018-12-13 23:23:12
【问题描述】：

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

【问题讨论】：

你使用的是默认的引导 css 吗？
因为它告诉你在 github 页面上使用默认的。
如何修改引导颜色的一个很好的例子在这里：uxplanet.org/how-to-customize-bootstrap-b8078a011203
正如@Daniel Sixl 在他的回答中所说，rdg-selected 是该边框的类标签。您可以覆盖该类标记以完全没有边框。

标签： react-data-grid

【解决方案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>

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

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

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

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

注意你的风格的特殊性。

【讨论】：