title: Desktop friendly multiple dropdownlist while keeping smartphones default style
body: <p>I have a basic HTML dropdownlist that's basically this:</p>
  
  <pre><code>&lt;select id="drpTest" name="drpTest" multiple="multiple"&gt;
          &lt;option value="0"&gt;0&lt;/option&gt;
          &lt;option value="1"&gt;1&lt;/option&gt;
          &lt;option value="2"&gt;2&lt;/option&gt;
          &lt;option value="3"&gt;3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>It does what it should do, but it isn't exactly user friendly, since you have to hold down control while pressing to select several options.
  However on smarthphones like Android they work great like this <a href="http://i.stack.imgur.com/F3XAu.png" rel="nofollow">Link</a> but obviously with checkboxes(this image shows the normal dropdownlist not multiple but they're basically the same)</p>
  
  <p>But the issue are the desktops. I've tried to use various plugins and so on like <a href="http://wenzhixin.net.cn/p/multiple-select/#multiple-select" rel="nofollow">http://wenzhixin.net.cn/p/multiple-select/#multiple-select</a></p>
  
  <p>And they work great on desktops, but on smartphones they no longer use the default Android dropdownlist, rather they use the new desktop one which doesn't work that great for smartphones.</p>
  
  <p>Is there a good way to design the multiple dropdownlist to make it more desktop friendly while keeping it "normal" in the way that Android will display it as normal?</p>