安全问题选择菜单在小屏幕上切断

Question

我在选择菜单中包含了一组安全问题。它们是如下问题：

• 你母亲的婚前姓名是什么？
• 你的狗的名字是什么？
• 等

在iOS和Android小屏幕上，选择菜单中的文本正在右边缘进行修剪。所以，文字看起来更像是：

  

你的动机是什么......

     

你的狗是什么......

我的问题是，你如何打击这个？是否有本地方式读取我不知道的长选择菜单选项？

我应该提一下，如果可能的话（或许不是），我宁愿暂时不在项目中添加类似jQuery UI的东西。

提前致谢。

Answer 1

经过一些研究，我发现最佳解决方案是do what was listed here，并在选择菜单中添加一个空的<optgroup>。它看起来并不是最好的，而且有点hacky，但它现在似乎有效：

iOS和HTML

Android股票4.4.2