html - iPhoneで選択矢印が表示されない

Question

私が抱えている問題の解決策を探しています。

ユーザーが表示するブログ投稿のカテゴリを選択できるようにするための選択タグを持つレスポンシブ Web サイトを作成しています。html は基本的な選択タグにすぎません。

<select name="">
    <option value="">Sort by Category</option>
    <option value="">test</option>
    <option value="">Test</option>
</select>   

次に、次のコードで選択タグのスタイルを設定しました

.portfolio-thumbs select {
    width:100%;
    padding:0.625em;
    border:none;
    background:#33c3e2;
    color:#fff; 
    font-size:1.125em;
 }

select {
    -webkit-appearance: none;
    border-radius: 0;
}

これは Windows Phone では正常に機能しますが、Iphone、Blackberry、および Android では選択ボックスの矢印が表示されません。誰かが以前にこの問題に遭遇し、CSSで矢印の表示を無効にするために何をしているのか、または選択したスタイルを希望どおりにスタイルできる一方で矢印を元に戻す解決策があることを知っていますか?