2016-08-05 68 views
0

任何想法如何解決這個Firefox功能障礙:combo-box選項(html select)的錯誤定位與css scale轉換應用。使用Firefox在div上的輸入縮放不起作用?

我的Firefox版本是49.0b1

當我在css中刪除或替換比例(通過另一個)轉換1.5時,它正確放置。

body { 
 
     transform-origin: 0px 0px 0px; 
 
     transform: scale(1.5); //That does not work correctly 
 
     border: solid red 1px; 
 
    } 
 

 
    #container { 
 
     width: 1150px; 
 
     height: 700px; 
 
     position: relative; 
 
     overflow: hidden; 
 
     display: block; 
 
     left: 50px; 
 
     top: 200px; 
 
     border: solid dodgerblue 1px; 
 
    }
<body> 
 
    <div id="container"> 
 
    <select name="select"> 
 
     <option value="value1">Value 1</option> 
 
     <option value="value2" selected>Value 2</option> 
 
     <option value="value3">Value 3</option> 
 
    </select> 
 
    </div> 
 
</body>

Here a fiddle exemple

我已經知道這是一個錯誤Firefox,但有沒有通過anonther外部庫代替標準select的方法嗎?

+0

小提琴似乎並不存在。也請直接在問題中直接提供代碼。 – nils

+0

我已更正de鏈接thx –

+0

請將代碼添加到您的問題以及(不只是一個小提琴的鏈接)。 – nils

回答

0

這是一個錯誤與Firefox:https://bugzilla.mozilla.org/show_bug.cgi?id=455164

目前唯一的解決辦法似乎是使用其他如Select2。也看到這個答案:https://stackoverflow.com/a/27134660

+0

一個8歲的bug,使用tierce圖書館看起來太重了,還有其他的css或js選擇嗎? –

+0

比Select2有更簡單,更輕的庫,我只是把它作爲一個例子。這取決於你最終的具體需求,甚至可能是一個簡單的JS下拉菜單,但我們不知道你的代碼架構。 – mjsarfatti