При наведении курсора строки таблицы на грани - PullRequest
Новая
       34

При наведении курсора строки таблицы на грани

0 голосов
/ 08 января 2020

Я пытаюсь добавить эффект наведения на строку таблицы - это работает во всех браузерах, но в Edge я получаю неожиданную дополнительную схему на тд, несмотря на то, что стиль не применяется

Я использую Datatables но чтобы упростить это, я настроил простой пример: 

<table>
<tbody><tr><td>a</td><td>b</td><td>c</td></tr></tbody>
</table>

table{
  width:100%;
  padding:10px;
  cursor: pointer;
  border-collapse: separate;
  border-spacing: 0;
}

table tbody tr:hover {
    -webkit-box-shadow: 0px 0px 5px 3px rgba(187,187,187,0.6);
    -moz-box-shadow: 0px 0px 5px 3px rgba(187,187,187,0.6);
    box-shadow: 0px 0px 5px 3px rgba(187,187,187,0.6);
}

В Chrome et c это работает нормально, и только сам tr показывает эффект свечения при наведении - в IE и Edge дополнительно отображается на тд.

Chrome

enter image description here

IE / Edge

enter image description here

Можно ли заставить IE / Edge выглядеть как Chrome et c без какой-либо внутренней границы / тени?

...