2013-07-25 42 views
0

當我查看我的Chrome下拉列表它看起來很完美,但是當我在Mozilla或IE中查看它時,它添加了一個下拉箭頭,不想要。我曾嘗試Mozilla和IE修改我的下拉列表看起來如何,但鉻不

-moz-appearance:none; 

opacity:0; 

這其中沒有正確地解決我的問題。我如何獲得該下拉箭頭的騎行?

這裏是我的下拉列表中的一個:

<asp:DropDownList id="DropDownList3" 
     runat="server" 
     AutoPostBack="True" 
     DataSourceID="SqlDataSource1" 
     DataTextField="Plant" 
     DataValueField="Plant" 
      Width="156px" 

     Font-Bold="true" 
      Font-Size="x-Large" 
      style="margin-left: 250px; margin-top:-44.5px; 
        margin-bottom:-20px; 
        background-color: #FFFFFF; box-shadow:none; 
        outline-color: #FFFFFF; 
        border: none; 
        text-align: right;" 
       Enabled="False"> 
       </asp:DropDownList> 
+3

你可以發佈你的下拉的代碼? – Oriol

+0

爲跨瀏覽器兼容性設計樣式選擇列表很困難,而且通常使用javascript + css或jquery + css可以更容易實現。 –

+0

以及如何使用JavaScript + CSS來做到這一點? – foobar2023

回答

0

AFAIK,它仍然使用Mozilla是攪亂造型中的錯誤,有(種)解決方法:

select { 
overflow: hidden; 
width: 125%; 
} 

不知道有關IE,但

+0

不幸的是,這對mozilla無效,因爲它只是將箭頭推向右邊 – foobar2023

+0

嗯,它在我用CSS搞亂時適用於我。我認爲這是因爲我有自己的箭頭,所以我猜想它會將我自己的箭頭後面的默認箭頭移開。 這個bug非常古老,似乎沒有任何跡象表明它很快就會被修復:https://bugzilla.mozilla.org/show_bug.cgi?id = 649849。 –

相關問題