Change Background color of combo's and multiselect editor

Change Background color of combo's and multiselect editor

Posted by: technical.store.technical on 29 June 2021, 4:45 am EST

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 29 June 2021, 4:45 am EST

  Hi Team,

  On checkbox selection of grid, i’m trying to apply color to a row, but it is not applicable for combo’s and multiselect.

  https://stackblitz.com/edit/angular-vagaum?file=src/styles.css

  Entire row should be highlighted.
  
  Can you please provide solution.

  Thank you.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 30 June 2021, 7:17 am EST

  Hi,

  In order to achieve the required functionality, you may add the following CSS:

  /* copy background color to combobox, multiselect */
  .wj-cell .wj-control {
    background-color: inherit;
  }
  
  /* remove color from the dropdown panel */
  .wj-content.wj-dropdown-panel {
    background-color: inherit !important;
  }
  

  For better understanding, you may refer to the below code sample -
  
  https://stackblitz.com/edit/angular-of7xud?file=src/styles.css

  ~sharad