【问题标题】:HTML Select in iPhone: how to turn off ellipses?iPhone 中的 HTML 选择:如何关闭省略号?
【发布时间】:2015-07-24 20:11:07
【问题描述】:

我有一个选择框,其中每个选项都可能很长。在台式机上很好,但在移动设备上,文本在每行末尾用省略号截断。我需要能够显示全文,否则我的用户可能不清楚这些选项。如果我可以使文本换行而不是切断那会很好,但我不知道如何实现这一点,因为我不确定 iPhone 如何处理选择元素。

Select options on iPhone

【问题讨论】:

    标签: html iphone select


    【解决方案1】:

    根据this StackOverflow answer,无法更改iOS 上<select> 元素的样式,因为它们的显示样式内置在浏览器中,无法通过CSS 修改。

    This answer 建议如果您想更好地控制 <select> 框的样式,可以使用可自定义的替换,例如 Chosen

    显然 Chosen 不支持 iOS。 A comment on another answer 推荐 Selectize.js 作为 iOS 兼容的替代品。

    【讨论】:

    • 我的页面实际上已经在使用 Chosen(来自 Insite 的开箱即用登录页面),但它不适用于 iPhone。我浏览了它,似乎认为不支持浏览器; is_browser_supported 返回 false。
    • @user3784238 根据this answer 看来,Chosen 与 iOS 不兼容。对该答案的评论建议改用Selectize.js
    猜你喜欢
    • 2011-08-02
    • 2013-02-11
    • 1970-01-01
    • 2013-10-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-17
    相关资源
    最近更新 更多