Search code examples
javascriptjquerycssjquery-select2

select2 change background color

I am trying to use select2 on a webpage I am creating. However the combobox background seems to be transparent but I need to change it to another color. I tried modifying the select2.css file but nothing seems to work. Any Ideas ?

Solution

  • If you are trying to target the combo box wrapper use 

    .select2-search { background-color: #00f; }

    If you are trying to target the input use

    .select2-search input { background-color: #00f; }

    And if you are trying to target the results wrapper use

    .select2-results { background-color: #00f; }

    Hope this helps!