iOS上的Chrome浏览器中的UI渲染存在问题,特别是HTML SELECT Drop Down元素。
示例:
使用Safari,当您点击SELECT时,屏幕底部会打开一个微调器 - 您可以点击完成以选择您的选择并返回到表单。
但是当您在iOS上的Chrome中加载完全相同的页面时,"完成"没有出现。用户必须选择他们的选择,然后点击UI上的其他位置返回到表单。非常不直观,用户感觉就像SELECT没有工作一样。
有人有解决方案吗?
(我发布图片说明但这是我的第一个问题而且我没有足够的"声誉"这样做:-()
答案 0 :(得分:1)
我经历了同样的事情,似乎没有一个没有索引形式标签和提交按钮的选择。如果没有选择显示“X”来关闭选择并使用表单/提交它将显示文本“完成”。
答案 1 :(得分:1)
来自howlee的评论对于提供的链接肯定是正确的,但是如果你花时间添加另一个选择元素,它再次显示X而不是完成按钮。
所以我想1个元素显示Done,超过1个元素从Done跳到X.
也许这是他们希望展示的功能,我们应该让它保持一致?
: - S
答案 2 :(得分:1)
它似乎是Chrome for iOS“功能”。我的猜测是,出于Material Design的原因,他们希望覆盖常规的iOS样式。
X似乎与“完成”按钮的功能相同,任何使用Chrome for iOS的人都应该熟悉这种行为。
我确信有办法解决这个问题,但他们会相当讨厌。
我觉得它没有出现在w3schools网站上的事实与那里的所有iframe有关。
答案 3 :(得分:0)
对于仍然在这个问题上挣扎的任何人,我都找到了针对较旧的iOS版本的修复程序。
尝试将输入字段放置在不同域(也可以是子域)托管的单独html文件中,并请求将html放在网页的框架内。该按钮具有相同的功能,只是名称不同(更直观)。
此替代方法也适用于所有其他html输入。