Я искал всюду на Stackoverflow и github, но не смог найти решение этой проблемы, и я надеюсь, что кто-то сможет показать мне правильное направление.Установите цвет фона выбранной строки в Угловом интерфейсе пользовательского интерфейса
Я использую Angular UI Grid для своего проекта, и до сих пор все идет хорошо. Теперь я пытаюсь изменить CSS-сетку, переопределяя классы по умолчанию своим собственным, чтобы он выглядел лучше. Область, в которой я сейчас застряла, меняет цвет фона выбранных строк.
В настоящее время это синий цвет по умолчанию, который появляется, когда выбран ряд, который не соответствует остальным цветам в моем приложении. Я вижу в инструментах Chrome Inspector, что следующий класс применяется к ячейке, которая обеспечивает цвет фона.
.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{
background-color: #c9dde1;
}
Но когда я пытаюсь переопределить этот класс в своем собственном файле CSS, как показано ниже,
.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{
background-color: #efe8ed!important;
}
приложение по-прежнему занимает класс библиотеки по умолчанию и его цвет.
Есть другие классы сетки, которые я переопределил в своем CSS, и они отражены просто отлично. Может ли это быть проблемой, потому что этот класс применяется динамически при выборе строк?
Есть ли способ, которым я могу применить свой собственный класс CSS?
Благодарим вас за внимание и время.
Спасибо за ваш ответ Адриан. Это может показаться странным, но тот же класс теперь отлично работает для меня. Я получаю желаемый цвет выбранных строк с использованием или без использования важных. Я буду продолжать использовать важные соображения в будущем. –