2016-08-04 5 views
0

Я искал всюду на 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?

Благодарим вас за внимание и время.

ответ

0

В Chrome щелкните правой кнопкой мыши по ячейке, которую вы хотите отредактировать цвет и нажмите «Проверить», посмотрите вкладку «Стили» и убедитесь, что вы редактируете правильный стиль. Это может быть отменено чем-то. И старайтесь не использовать важные, обычно это плохая идея.

+0

Спасибо за ваш ответ Адриан. Это может показаться странным, но тот же класс теперь отлично работает для меня. Я получаю желаемый цвет выбранных строк с использованием или без использования важных. Я буду продолжать использовать важные соображения в будущем. –