html - 在 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。

编辑-
好像有一个!
你可以看看这个question对于一些与您的查询非常相似的查询尝试，还有这个fiddle .