Custom CSS styling

  • Resolved nikphirke

    (@nikphirke)


    7 years, 2 months ago

    Hi, I’m trying to change the background color of dropdown options and on hover colors but it’s not just changing. Can you guide me here?
    Here’s what I’m seeing right now: https://kreativecodes.xyz/back.jpg

    I need the background white to be changed to #222222 and the font color to be white.

    I’m using the following code but it’s not taking any effect.

    select{
        background: #222;
        color:#ffffff;
    }
    option:not(:checked) { 
        background-color: #222; 
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jonathandejong

    (@jonathandejong)

    Hi,

    Your selectors are too general so it’s not taking priority ??
    Try adding the classes that exists on the dropdowns as well.

    Also, if you’re using select2 enhanced dropdowns you need to target those instead.

    Thread Starter nikphirke

    (@nikphirke)

    I tried styling select2 dropdown but it still won’t change, maybe I was not targeting correct classes. I’ve disabled select2 dropdown and displaying normal select box now. It’s working good for me ??

    Thanks for the reply and this awesome plugin!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS styling’ is closed to new replies.