我正在为手机开发一个网页，我需要为选择标签实现自定义设计。我需要在选择标签附近（上方）放置一个按钮，它应该打开“启动”选项。
为了更好地理解，我做了一个截图：
如果单击红色按钮，它应该打开选择标签。
我尝试了什么：
<style type="text/css">
#trigger_button { width:20px;height:20px;background:red;float:left;margin-left:-15px; }
</style>
<body>
<p>Foo Select</p>
<table>
<tr><td>
<select name='foo_select' style='float:left;' id='foo_select'>
<option value='1'>test AAAAAAAAAAAAAAAAA 1</option>
<option value='2'>test BBBBBBBBBBBBBBBBB 2</option>
<option value='3'>test CCCCCCCCCCCCCCCCC 3</option>
</select>
<div id='trigger_button' onclick="$('#foo_select').trigger('click');"></div>
</td></tr>
</table>
</body>
注意！
在 Android 操作系统上，Chrome 浏览器会像在 PC 上一样做出不同的反应！在 Android Chrome 上，选项显示在不同的可滚动框架中（如弹出窗口）。
这可能吗？我可以使用自定义按钮打开选择标签吗？