Eingabe erzwingen und Felder auswählen, um nach unten (nicht nach oben) auf Ipad Safari

Question

Auf meiner Website ist ein Eingabefeld, wo der Benutzer Datum und Uhrzeit eingegeben und ein Auswahlfeld, wo der Benutzer wählt, wie sie zahlen möchten. In Safari auf dem iPad die Auswahlfelder öffnen wie folgt aus:

und

Aber ich möchte für die Eingabe/Select-Box unten zu öffnen, anstatt oben.

Ich habe meinen Code unten angehängt:

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

Sie können nicht steuern, in welche Richtung ein ausgewähltes Element geöffnet wird. Sie können Ihre JavaScript-Lösung mit Listenelementen erstellen und die Höhe und Position Ihres Dropdown-Menüs auswählen, ohne von HTML-Code select abhängig zu sein.

Edit-
Es scheint, dass es eins gibt!
Sie können diese question für einige Versuche zu einer Abfrage ganz ähnlich wie Ihre, und diese fiddle überprüfen.