Изменить цвет фона jQuery selectmenu

Question

Я пытаюсь изменить ширину и цвет фона jQuery selectmenus и входов при создании виджета. Я называю свою JS-функцию как

fnElementAddWidget("select[name=ProduktionsstrangId]", "selectmenu");
fnElementAddWidget("input[name=ProduktBeschreibung]", "input");

Он отлично работает с input-элементом и шириной меню выбора, но я не могу изменить цвет фона меню выбора.

Скриншот формульный

HTML:

<form id="RzvStaProduktFormular0">
  <fieldset>
    <legend>Neuen Eintrag erstellen:</legend>
    <select name="ProduktionsstrangId" >
      <option value="">Prodstr.</option>
      <option value="1">Prodstr. 1</option>
      <option value="2">Prodstr. 2</option>
    </select> 
    <input type="text" name="ProduktBeschreibung" placeholder="Produkt" />
    <button type="button" class="buttonSave" value="Save"></button>
  </fieldset>
</form>

CSS:

select[name=ProduktionsstrangId] {
  width: 100px;
  background-color: #ff0000;
}
input[name=ProduktBeschreibung] {
  width: 200px;
  background-color: #00ff00;
}

JS:

fnElementAddWidget = function(varSelector, varWidget) {
  switch(varWidget) {

    case "selectmenu":
      $.each($(varSelector), function() {
        $(this).selectmenu({
          width : $(this).width()
        }).css({
          "background-color" : $(this).css('background-color')
        });
      });
      break;

    case "input":
      $.each($(varSelector), function() {
        $(this).button().css({
          "width" : $(this).width(),
          "background-color" : $(this).css('background-color')
        });
      });

    }
  };