JSFiddle - React, Tailwind, and code Playground
HTML
<title>Domotica Systeem</title>
<body>
<div data-role="page" id="p1">
<div data-role="header" data-theme="b"><h1>Domotica Systeem</h1></div>
<div data-role="content">
<h2>Schakelaars</h2>
<ul data-role="listview" data-inset="true" data-theme="c">
<li data-icon="false" data-theme="b"><a href="#">Woonkamer <select name="woonkamer" id="woonkamer" data-role="slider"><option value="off">Uit</option><option value="on">Aan</option></select></a></li>
<li data-icon="false"><a href="#">TV Meubel<select name="tvmeubel" id="tvmeubel" data-role="slider"><option value="off">Uit</option><option value="on">Aan</option></select></a></li>
<li data-icon="false"><a href="#">Boekenkast<select name="boekenkast" id="boekenkast" data-role="slider"><option value="off">Uit</option><option selected="selected" value="on">Aan</option></select></a></li>
<li data-icon="false"><a href="#">Staande Lamp<select name="staandelamp" id="staandelamp" data-role="slider"><option value="off">Uit</option><option selected="selected" value="on">Aan</option></select></a></li>
<li data-icon="false" data-theme="b"><a href="#">Slaapkamer</a></li>
<li data-icon="false"><a href="#">Electrische Deken<select name="eldeken" id="eldeken" data-role="slider"><option value="off">Uit</option><option selected="selected" value="on">Aan</option></select></a></li>
<li data-icon="false"><a href="#">Timer Electrische Deken<select name="tmreldeken" id="tmreldeken" data-role="slider"><option value="off">Uit</option><option selected="selected" value="on">Aan</option></select></a></li>
</ul>
</div> <!-- /content-->
<div data-role="footer" data-theme="b">
<h4>© 2013, Nick Lucas</h4>
</div><!-- /footer -->
</body>
</html>
CSS
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
display: block;
padding: 0.9em 75px 0.9em 15px;
}
div.ui-slider-switch {
position: absolute;
right: 0;
width: 100px;
margin-right:10px;
}