bwu_datagrid, как переопределить цвета фона строки и добавить строку: цвет при наведении

Я пытаюсь переопределить нечетные / четные цвета и дать строке цвет фона ":hover", но я не могу переопределить:

undefined .bwu-datagrid-row.odd, 
.bwu-datagrid-row.odd:not([style-scope]):not(.style-scope) {
    background: #fafafa;
}

Вот что я попробовал на моей теме HTML без результатов:

:host::content .bwu-datagrid-row.odd,
.bwu-datagrid-row.odd {
      /* !important works, but it prevents me from doing a :hover */
      background-color: lightskyblue;
      background: lightskyblue;
}

Добавление ":hover" к этому последнему правилу не вызывает срабатывания при наведении строки. Я надеюсь, что это возможно, поэтому, когда кто-то наводит курсор на любую ячейку подряд, вся строка меняет цвет фона.

1 ответ

Решение

В package:bwu_datagrid/datagrid/bwu_datagrid_default_them.* модуль стиля темы по умолчанию. Предполагается, что он будет использоваться в качестве шаблона для вашей собственной темы.

Создать модуль стиля с тем же именем (<dom-module id='bwu-datagrid-default-theme'>скопируйте то, что вы хотите / нужно из поставленной темы по умолчанию, в свою собственную тему.
Затем импортируйте только пользовательскую тему вместо package:bwu_datagrid/datagrid/ и будут применены только стили из вашего модуля стилей.
Таким образом, вам не нужно "бороться" с темой по умолчанию.

Другие вопросы по тегам