Problem PlaceHolder in DropDownList with multiple Themes

if you include multiple css themes, it makes placeholders appear constantly in dropdownLists

by mogador

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.darkblue.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.light.css">
<H1>
 Problem with PlaceHolder in DropDownList with multiple Themes
</H1>
<p>
if you include multiple css themes, it makes placeholders appear constantly in dropdownLists
</p>
<p>
in this fiddle, I've included in the Ressources :  <br>
- http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css <br>
- http://jqwidgets.com/public/jqwidgets/styles/jqx.darkblue.css <br>
- http://jqwidgets.com/public/jqwidgets/styles/jqx.light.css <br>
</p>

Theme : DarkBlue : the Placeholder appears constantly on the right of dropdownlist<br>
<div id='jqxDropDownListDarkBlue'></div>

<br>
Theme : Light : the Placeholder appears constantly on top of the dropdownlist<br>
<br>
<br>
<div id='jqxDropDownListLiqht'></div>

<H2>
 Remove jqx.darkblue.css or jqx.light.css in the resources of this fiddle, and the problem disappears
</H2>

JavaScript

var source = [
      "Affogato",
      "Americano",
      "Bicerin",
      "Breve",
      "Café Bombón",
      "Café au lait"];
  // Create a jqxDropDownList
  $("#jqxDropDownListDarkBlue").jqxDropDownList({
      source: source,
      selectedIndex: 1,
      autoDropDownHeight:true,
      placeHolder: "Select…",
      theme: 'darkblue'
});

$("#jqxDropDownListLiqht").jqxDropDownList({
      source: source,
      selectedIndex: 1,
      autoDropDownHeight:true,
      placeHolder: "Select…",
      theme: 'light'
});