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

概述在我的网站上是一个输入框,用户输入日期和时间,以及一个用户选择他们希望如何支付的选择框.在iPad上的safari中,选择框打开如下： 和 但我想输入/选择框打开下面而不是上面. 我在下面附上了我的代码： HTML <select id="pay-options" class="form-default"> <option> Pay By Card </option> <optio 在我的网站上是一个输入框,用户输入日期和时间,以及一个用户选择他们希望如何支付的选择框.在iPad上的safari中,选择框打开如下：

和

但我想输入/选择框打开下面而不是上面.

我在下面附上了我的代码：

HTML

<select ID="pay-options" >    <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.

总结

以上是内存溢出为你收集整理的html – 强制输入并选择在ipad safari上向下(而不是向上)打开的框全部内容，希望文章能够帮你解决html – 强制输入并选择在ipad safari上向下(而不是向上)打开的框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。