Можно ли убрать синюю рамку при выделении ячеек?

Question

Я пытаюсь удалить синюю рамку, которая появляется при нажатии на ячейку при использовании response-data-grid .Возможно ли это, или мне нужно будет создать запрос на удаление?

Answer 1

Поиск .rdg-selected.В React Data Grid используется абсолютно позиционированный дополнительный div для так называемой cell-mask .

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

. Cell-mask выглядит следующим образом:

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

Следите за спецификойвашего стиля.