Угловой 18 мат с радиусом границы и ряд ⇐ CSS

[Anonymous]

Версия: Угловой и угловой/Материал 18.2.8 .
Я в настоящее время реализовал свои таблицы, как это:

Код: Выделить всё

styles.scss

:

Код: Выделить всё

table {
background-color: transparent !important;
}

.table-card {
margin-top: 20px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 16px;
padding-bottom: 5px;
}
< /code>
Это работает для матового стола с радиусом границы, но, вероятно, не является хорошим решением.tr:hover {
background-color: rgba(255, 255, 255, 0.5);
}
< /code>
Это также работает. Тем не менее, для последнего и заголовок он не принимает во внимание границу-радиус 

и заполнение, поскольку они определены на карте таблицы .
Мои таблицы действительно просты:

0">

...


< /code>
Также, используя: < /p>

Код: Выделить всё

.mat-row:hover {
background-color: red!important;
}

не работал для меня.
Как правильный способ сделать мат-табл с границей-радиусом и эффектом Hover?

Подробнее здесь: https://stackoverflow.com/questions/791 ... -row-hover