更改默认样式或隐藏移动选择元素（不会丢失其功能）

Question

我正在尝试为移动设备上的选择列表创建替代样式。我想要的是使用我自己的样式按钮来激活选择列表选项。在iPhone和Android上，这为您提供了一个弹出选项。我通过将按钮样式应用于select元素的标签来实现这一点。但是，我无法正确隐藏选择元素而不禁用其功能。有谁知道怎么做？

我的HTML看起来像这样：

<label class="button-sort">
    <select>
        <option>Option 1</option>
        <option>Option 1</option>
    </select>
</label>