Question

最近我开始致力于使我的网站与iPad兼容。

我有一个包含SELECT框的页面。其中一个方框中的项目文字长度非常宽。

现在，iPad SELECT框有一个新控件，弹出一个列表供用户选择。我通过此控件找到的问题是它切断了宽文本条目。确切地说，它会截断长度超过30/35的所有选项，并附加“...”。

有谁知道是否可以应用一些CSS来控制iPad上SELECT框的弹出控件的宽度？

我已尝试在SELECT上指定“宽度”，但它不会更改弹出控件。我也尝试了“尺寸”选项，但iPad仍然将其作为单个SELECT组合呈现。

谢谢！

Answer 1

您无法修改iPad或iPhone呈现select元素的方式，并且您描述的此连接问题已被多次抱怨。

可能的解决方案（虽然不理想）是通过用户代理detect the iPad并提供option值的“优化”列表，至少会显示您认为相关的信息。

Answer 2

最后一个字段添加了optgroup，它应该解决问题

<select>
  <option value="">please select</option>
  <option value="1">option 1</option>
  <option value="2">option 2</option>
  <option value="3">option 3</option>
  <optgroup label=""></optgroup>
</select>

iPad切断了select，any解决方案中的宽文本选项吗？

2 个答案: