2010-11-23 48 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>