JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile.structure-1.0rc2.min.css?dummy=.css">
<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js?dummy=.js"></script>
<select name="selectone" id="selectone" >
<option>1</option>
<option>2</option>
</select>
<select name="selecttwo" id="selecttwo" ></select>
CSS
/*theme-a*/
*{font-family:Arial, Helvetica, sans-serif;}
.ui-bar-a {
border: 1px solid #B3B3B3 ;
background: #3ca826;
color: #ffffff;
font-weight: bold;
text-shadow: 0 0 0 #fff ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #8dd96d), to( #1d630e));
background-image: -webkit-linear-gradient(top, #8dd96d, #1d630e);
background-image: -moz-linear-gradient(top, #8dd96d, #1d630e);
background-image: -ms-linear-gradient(top, #8dd96d, #1d630e);
background-image: -o-linear-gradient(top, #8dd96d, #1d630e);
background-image: linear-gradient(top, #8dd96d, #1d630e);
}
.ui-bar-a .ui-link-inherit {
color: #ffffff;
}
.ui-bar-a .ui-link {
color: #7cc4e7 ;
font-weight: bold;
}
.ui-bar-a .ui-link:hover {
color: #2489CE ;
}
.ui-bar-a .ui-link:active {
color: #2489CE ;
}
.ui-bar-a .ui-link:visited {
color: #2489CE ;
}
.ui-bar-a,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-a button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-body-a {
border: 1px solid #B3B3B3;
color: #22513d;
text-shadow: 0 1px 0 #fff;
background: white;
/*background-image: -webkit-gradient(linear, left top, left bottom, from(white), to( #f4f4f4));
background-image: -webkit-linear-gradient(top, white, #f4f4f4);
background-image: -moz-linear-gradient(top, white, #f4f4f4);
background-image: -ms-linear-gradient(top, white, #f4f4f4);
background-image: -o-linear-gradient(top, white, #f4f4f4);
background-image: linear-gradient(top, white, #f4f4f4);*/
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
font-family: Helvetica, Arial, sans-serif ;
}
.ui-body-a input {
color: black;
margin-bottom: 5px;
}
.ui-body-a .ui-link-inherit {
color: #333333;
}
.ui-body-a .ui-link {
color: #363636;
text-decoration: underline;
font-weight: bold;
}
.ui-body-a .ui-link:hover {
color: #3ca826...
JavaScript
$("#selecttwo").html("<option selected=\"selected\" value=\"1\">1</option><option value=\"2\">2</option>");