2011-03-20 21 views
11

在這裏必須在iPad上運行的Web應用程序(如Safari Mobile)上運行。Safari Mobile Multi-Line <Select> aka GWT Multi-Line ListBox

我有這樣的代碼,除了iPad上正常工作任何事情:

<select class="gwt-ListBox" size="12" multiple="multiple"> 
    <option value="Bleeding Eyelashes">Bleeding Eyelashes</option> 
    <option value="Smelly Pupils">Smelly Pupils</option> 
    <option value="Bushy Eyebrows">Bushy Eyebrows</option> 
    <option value="Green Vessels">Green Vessels</option> 
    <option value="Sucky Noses">Sucky Noses</option> 
</select> 

什麼它應該看起來像一個盒子12線ANS其中5填滿。它在FF,IE,Chrome,Safari Win中運行正常。但是,當我在iPad上打開它時,它只是一條線!

使用CSS設置樣式不起作用。如果我設置高度,它會使單線更大。有沒有辦法讓它的行爲與普通瀏覽器一樣?或者我是否願意製作自定義組件?

謝謝。

+0

只要你知道我最終寫我自己的小工具通過將div的一個div裏面充當列表框。我找不到任何地方讓Safari Mobile尊重'尺寸'屬性。 – McTrafik 2011-03-21 18:20:50

+0

我知道移動Safari經常接管樣式的輸入元素,但我的問題是是否有辦法阻止這種行爲? – McTrafik 2011-03-22 00:28:49

+0

似乎沒有什麼。我閱讀了iPhone Web開發人員指南,他們沒有提到關閉這個「功能」。 – McTrafik 2011-03-30 22:19:40

回答