用于移动媒体查询的下拉列表css样式

我正在尝试为网站移动导航设置下拉列表的样式，但默认的向下箭头看起来很无聊。我只是想知道如何将默认箭头替换为我创建的图形

<select name="mobilenav" id="mobilenav" title="Select Destination">
<option selected>Select Destination</option>
<option>Philadelphia</option>
<option>United States of America</option>
<option>Destination</option>
<option>Long Destination Names</option>
<option>Australia</option>
</select>

选择目的地
费城
美利坚合众国
目的地
长目的地名称
澳大利亚

另外，当我测试它并使用我的移动设备点击下拉菜单时，它会创建一个弹出菜单列表，而不是下拉菜单

---

对不起，我的无知和感谢提前

默认的选择元素可能因设备而异，IOS可能与android不同。您可能希望使用jQuery插件（或找到您更喜欢的插件）来更改默认外观。我不能百分之百确定这是否适用于移动设备，但应该为桌面浏览器提供更多样式选项

---

如果不需要使用select元素，也可以使用无序列表，根据需要设置样式，并使用jQuery在单击时展开和收缩列表项。。。只是一个想法，不确定这是否是本例的一个选项。

您应该提供更多信息，例如您已经使用哪些css/js代码或库来设置下拉列表的样式，以及您正在使用哪些浏览器进行测试。谢谢链接=）