2010-11-23 45 views
1

最近我开始致力于使我的网站与iPad兼容。iPad在选择,任何解决方案中切断宽文本选项?

我有一个页面有一个SELECT框。其中一个盒子里面有很多文字长度的项目。

现在,随着iPad的选择框有一个新的控件,弹出列表供用户选择。我用这个控件发现的问题是它切断了宽文本条目。准确地说,它将截断长度超过30/35的所有选项并追加“...”。

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

我试着在SELECT上指定一个“宽度”,但它不会改变弹出式控件。我也尝试过“大小”选项,但iPad仍然将它作为单个SELECT组合呈现。

谢谢!

+0

入住此解决方案:http://stackoverflow.com/a/4747175 – singh1469 2015-01-26 10:32:44

回答

2

您不能修改iPad或iPhone渲染元素的方式,并且您描述的这个级联问题已多次投诉。

可能的解决方案(尽管不理想)是通过用户代理detect the iPad并提供option值的“优化”列表,该列表至少会显示您认为相关的信息。

0

作为最后一个字段添加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>