Trigger native mobile select list with a button click.

Native mobile select list triggering

Nifty trick for using a native mobile select list but triggering it with a button click:

Given:
<div class="box">
    <i class="my-icon"/>
    <select class="multi" multiple="true">
        <option>1</option>
        <option>2</option>
        <option>3</option>
   </select>
</div>

It can be styled thus:
.box {
    position:relative;
}

.box select {
    position:absolute;
    top:0;
    left:0;
    width:50px; // this is arbitrary ... choose a size that fits in your box
    height:50px; // ditto to width
    opacity:0; // makes the native box disappear, but doesn't remove it from the document flow
}