【スマホ】selectのテキストは左右中央にできるのか？

Tweet

Pocket

できるのかな？とtext-align: center;を試しましたが、動かず。

ぐぐったらtext-align: -webkit-center;で左右中央にできるというのでやってみたけれど、iOS7・iOS8で効きませんでした。

bugfix

試行錯誤したら動きました！
※iPhoneと同じCSSだとAndroidで動かない（labelクリックしてもselectが開かない？）みたいです。

//HTML
<label>
    <select>
        <option>選択１だよ〜</option>
        <option>選択２だよ〜</option>
        <option>選択３だよ〜</option>
    </select>
</label>


//CSS
select { //Android
    text-align: center;
}

@media screen and (max-device-width: 480px) { //iPhone
    label {
        display: -webkit-box;
        display: box;
        box-pack:center;
        -webkit-box-pack:center;
        background-color: #fff;
        border: 1px solid #CCC;
        border-radius: 6px;
        cursor: pointer;
    }

    select {
        border: none;
    }
}