强制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;
}

- Ben L

Answer 1

你无法控制选择元素打开的方向。您可以使用列表项创建JavaScript解决方案，并选择下拉菜单的高度和位置，而不依赖于HTML select。

编辑 -
似乎有一个！
您可以查看此问题以了解与您类似的查询尝试， 和这个fiddle。

- user2940296