2014-02-21 54 views
2

我知道下拉部分是由瀏覽器呈現,但我張貼在CSS部分,他們說可以通過JS來完成。如何使<option> s只有一個寬度覆蓋其內容

我需要的是,下拉列表上的每個選項(包括選定的頂部)都只有一個寬度,僅用於覆蓋內容。現在它創建一個寬度最長的選項框。

+1

你是什麼意思與 '只涵蓋的內容'? – Hidde

+0

就像一個內聯塊,它的內容寬度不是固定的#或% – okush69

+0

我認爲這根本不可能,因爲每個瀏覽器都以不同的方式呈現'select'元素。 CSS對'select'元素影響很小。 – Hidde

回答

0
$(document).ready(function(){ 
    $("select").change(function(){ 
     var optWidth = $("#temp").html($("select").find(":selected").text()).width(); 
     $(this).width(optWidth); 
    }); 
}); 

http://jsfiddle.net/4tzRy/

+0

這幾乎可行;我需要的是當下拉菜單處於活動狀態時,每個選項都具有最小長度,而不僅僅是所選的選項。 – okush69