iOS Safari选择下拉菜单 [英] iOS Safari Selecting Dropdown

问题描述

你好.我的一些在iOS上使用Safari的用户在选择第二个下拉字段(在本例中为月"下拉列表)时遇到问题.

Hi there. Some of my users who are using Safari on iOS have problems selecting the second dropdown field (In this case the "Month" dropdown).

做到这一点的方法实际上是使用向左和向右箭头(请参见屏幕截图)，但是出于某种原因，我的一些用户群对此并不了解.

The way to do it, is actually to use the left and right arrows (See screenshot), but several of my userbase for some reason don't know that.

我正在使用Bootstrap.

I'm using Bootstrap.

有没有一种方法可以在浏览器端停用标准的iOS下拉界面，以便他们可以自由选择下拉字段，而不必使用左右箭头"?

Is there a way how to browser-side deactivate the standard iOS dropdown interface, so that they can freely select the dropdown fields without having to use the "left and right arrows"?

非常感谢您的帮助！

推荐答案

问题是，三个下拉字段被标签html标记包围.在Chrome和Firefox中，这不是问题，但是在Safari上，单击一个下拉列表始终会将焦点重新设置在第一个下拉字段上.

The problem was, that the three dropdown fields were surrounded by a label html tag. In Chrome and Firefox this isn't a problem, but on Safari, clicking on one dropdown will always set the focus back on the first drop down field.

一旦将标签html标记转换为div html标记，问题就解决了，可以再次单独选择下拉字段.

Once I had converted the label html tag to a div html tag, the problem was solved, and the dropdown fields could be individually selected again.

这篇关于iOS Safari选择下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！