Multiple Selection Widget Change Colour of Selected Options

Heya,

I'm trying to create contact form that has a multiple selection for customers to select the location that they would like to enquire about.

At the moment any options that are selected are blue, I would like to change the color of them.

I know this can possibly done through CSS. I added few CSS injections that I found online, but none of them worked. 

Would anyone be able to help on this, please?

Thanks a mill,
Inga

It's possible to change the background color with some CSS code, please replace everything that says green with your color on the following code: 

.selectize-control.multi .selectize-input [data-value] {

    background-color: green;

    background-image: -moz-linear-gradient(top,green,green);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(green),to(green));

    background-image: -webkit-linear-gradient(top,green,green);

    background-image: -o-linear-gradient(top,green,green);

    background-image: linear-gradient(to bottom,green,green);

}

.selectize-control.multi .selectize-input>div {

     background: green;

    color: #fff;

    border: 1px solid green;

}

.selectize-control.multi .selectize-input [data-value].active{

  background-color: green;

  background-image:-moz-linear-gradient(top,green,green);

  background-image:-webkit-gradient(linear,0 0,0 100%,from(green),to(green));

  background-image:-webkit-linear-gradient(top,green,green);

  background-image:-o-linear-gradient(top,green,green);

  background-image:linear-gradient(to bottom,green,green);

  background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='green', endColorstr='green', GradientType=0)

}

.active{background-color:green}

This will need to be injected to the widget, this guide will help you doing it: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

I hope this helps. 

Hi Kevin,

Thanks a mill, that helped a lot. I was trying to copy parts of the code from google (when you right click on the element-->inspect) you get the css code however I didn't copy all of it as you did above.

This was a massive help,

Thank you very much

Inga