Forum Discussion

Morgan's avatar
Morgan
Creator III
4 years ago

Change color of dropdown for specific field

Hi all,

I am working on building a form where I want the required fields to be colored in. For dropdown menus, I found the CSS to change the color but it applies to all dropdowns on the form. I want to apply it to a specific field only.

.sys_f_div_select  {
    background: url(../images/dropdown-arrow.svg) no-repeat scroll right top / 17px 17px #dde7f5; 
}

The property I am trying to get this to apply is here:

5 Replies

  • Haven´t you seen the magic you can do with a colored list property?

    • Morgan's avatar
      Morgan
      Creator III

      I did see this however I was looking to have it as a dropdown rather than a list box. Essentially I need the field to be colored in as if it were required but isn't actually required.

      • angela's avatar
        angela
        Catalyst II

        Yeah I noticed after clicking "Reply" that you probably were looking for something else. 

        Dropdowns are bit special. There is the mighty Aras labs sample were they complete 'overchanged' the Form just to show that they can: https://github.com/ArasLabs/custom-form-css

        Guess this one was the dropdown but not sure:

        /* style dropdown */
        ${this field rule} .aras-filter-list__input{
        }

        If you have access to Innovator 14. To what I have heard they changed the default Form layout. Not massive (size still the same) but in a way it´s looks less like 2000s.