如何检测移动设备多选？

Question

如果我的多重选择在移动设备上显示为iPhone或Android，我想应用不同的风格，因为它看起来很难看。问题是如何检测它：

• 无法使用media-query作为宽度，因为它也可能包含桌面浏览器
• 不能依赖像素密度，导致一些片剂的密度也> 1
• 不确定仅detect mobile browser
是否足够

我不希望（jQuery）替换<select multiple>，只是想确定我的造型是单行丑陋的移动ui（而不是桌面版）。我不在乎解决方案是否只是html，Javascript，css或所有的组合。