2
我知道下拉部分是由瀏覽器呈現,但我張貼在CSS部分,他們說可以通過JS來完成。如何使<option> s只有一個寬度覆蓋其內容
我需要的是,下拉列表上的每個選項(包括選定的頂部)都只有一個寬度,僅用於覆蓋內容。現在它創建一個寬度最長的選項框。
我知道下拉部分是由瀏覽器呈現,但我張貼在CSS部分,他們說可以通過JS來完成。如何使<option> s只有一個寬度覆蓋其內容
我需要的是,下拉列表上的每個選項(包括選定的頂部)都只有一個寬度,僅用於覆蓋內容。現在它創建一個寬度最長的選項框。
$(document).ready(function(){
$("select").change(function(){
var optWidth = $("#temp").html($("select").find(":selected").text()).width();
$(this).width(optWidth);
});
});
這幾乎可行;我需要的是當下拉菜單處於活動狀態時,每個選項都具有最小長度,而不僅僅是所選的選項。 – okush69
你是什麼意思與 '只涵蓋的內容'? – Hidde
就像一個內聯塊,它的內容寬度不是固定的#或% – okush69
我認爲這根本不可能,因爲每個瀏覽器都以不同的方式呈現'select'元素。 CSS對'select'元素影響很小。 – Hidde