html – 强制输入并选择在ipad safari上向下(而不是向上)打开的框

2023年3月21日 231次阅读

在我的网站上是一个输入框,用户输入日期和时间,以及一个用户选择他们希望如何支付的选择框.在iPad上的safari中,选择框打开如下：

《html – 强制输入并选择在ipad safari上向下(而不是向上)打开的框》

和

《html – 强制输入并选择在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;
}

最佳答案 您无法控制选择元素打开的方向.您可以使用列表项创建JavaScript解决方案,并选择下拉列表的高度和位置,而不依赖于html选择.

编辑-
好像有一个！
您可以查看此question以查找与您的查询非常相似的查询,
这个fiddle.

点赞