更改jQuery selectmenu的背景颜色

Question

我正在尝试在创建窗口小部件时更改jQuery selectmenus和input的宽度和背景颜色。我正在调用我的JS函数，如

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

它与inputmenu的输入元素和宽度一起正常工作，但是我不能改变selectmenu的背景颜色。

Screenshot formular

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')
        });
      });

    }
  };