html - モバイルで表示が異なる選択ボックスのスタイルを設定できません

Question

このような単純な選択ボックスがあります

<select>
    <option><a>Navigate To..</a></option>
    <option><a>> Home</a></option>
    <option><a>> About</a></option>
    <option><a>> Blog</a></option>
    <option><a>> Contact Us</a></option>
</select>

そして私はこれにcssを入れます

select {
    margin-top: 50px;
    width: 95%;
    background-color: gainsboro;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px !important;
}

デスクトップではうまく表示されますが、携帯電話ではうまく表示されません。

私はイルカを使用し、インスタントブラウザを開いて結果は同じです。

モバイル デバイスで表示するために、この選択ボックスのスタイルを設定する方法はありますか

どうしたの、アドバイスください。