ipad safariで入力と選択ボックスを下向き（上向きではない）に開く

Question

私のウェブサイトは、ユーザーが日付と時間を入力する入力ボックスと、ユーザーが支払い方法を選択する選択ボックスです。 iPadのSafariで選択ボックスは、次のように開いている：

と

しかし、私は上記の下に開く代わりにするために、入力/選択ボックスのためにしたいと思います。

私は以下の私のコードを添付しています

HTML

<select id="pay-options" class="form-default"> 
    <option> Pay By Card </option> 
    <option> Pay By Cash </option> 
    <option> Account </option> 
</select> 

CSS

input.form-default{ 
    margin-bottom: 0px !important; 
    -webkit-appearance: none; 
} 

Answer 1

選択要素が開く方向を制御することはできません。リスト項目を使用してJavaScriptソリューションを作成し、html selectに依存せずにドロップダウンの高さと位置を選択できます。

編集-
1つがあるようです！
questionの質問には、 とこのfiddleとよく似たクエリを試してみることができます。