How to change CSS ?

[shehan96]

I want to change CSS to some other values.

For example :

• I want to change background colour when hover the dropdown item

I tried following code, but didn't work.

.mention-item > a { background-color: violet !important; }

Any suggestions or proper way to do that?

[gitannaclaudia]

I'm using SCSS and was able to edit using :Host

Sample:

:Host {
  ::ng-deep mention-list {
    .scrollable-menu {
      max-height: 160px !important;
    }
    .mention-menu > li {
      cursor: pointer;
      &:hover {
        background-color: #f4f4f4;
      }
    }
    .mention-active > a {
        background-color: var(--primary-color) !important;
      &::after {
        .dropdown-item a:hover:after {
          background-color: var(--primary-color) !important;
        }
      }
    }
  }