如何調整DropDown <select>框的寬度？

我需要調整一個選擇HTML框的寬度而不使用CSS，有沒有辦法？我嘗試過大小，但它調整高度，寬度什麼都不做？有另一種方法嗎？如何調整DropDown <select>框的寬度？

2009-09-11 Roland

你爲什麼試圖控制一個網頁的演示而不使用網絡的演示語言？ – Quentin 2009-09-11 15:20:51

使用表達式語言，你的意思是CSS？因爲我想我可能錯過了一些可用的HTML選項。 – Roland 2009-09-12 10:18:26

是的。 CSS是用來描述網頁（和其他標記文檔）應該如何顯示的語言。 HTML旨在描述結構，語義和關係。它有一些（大部分被棄用的）90年代瀏覽器戰爭遺留下來的表現性東西。 – Quentin 2009-09-12 16:00:06

<style type="text/css">  
    select { 
     width:200px; 
    } 
</style>

這是否不行？

來源

2009-09-11 15:21:15 inkedmn

看起來我需要堅持內聯樣式或css – Roland 2009-09-11 15:36:14

根據http://www.w3.org/TR/html401/interact/forms.html#h-17.6，無法在純HTML中執行此操作。你可以使用style元素來設置它，儘管它是沒有CSS的，因爲它是內聯的。

<select style="width: ....

來源

2009-09-11 15:18:13 stimms

爲什麼downvote？這是對這個問題的有效答案。 – Mayo 2009-09-11 15:23:52

添加在它足夠的空間空選項...

來源

2009-09-11 15:19:57 jao

這可以工作，如果我需要一個空的空間，thx的建議 – Roland 2009-09-11 15:36:52

如果妳使用jQuery，數學物理化學

這是我選擇的HTML代碼。所以你必須添加另一個包含jquery類名稱的div，包括你的類名，並在你的類中應用高度和寬度。

<div class="ui-select selBox"> 
    <select> 
    <option>Maths</option> 
    <option>Physics</option> 
    <option>Chemistry</option> 
    </select> 
</div> 
.selBox{ 
width: 470px !important; 
height: 40px !important; 
}

這裏selBox是我的班級名稱和ui-select是jquery班級名稱。

來源

2014-01-29 07:43:01

您的解決方案不包含任何jQuery – Eoin 2017-03-23 18:44:13

如何調整DropDown <select>框的寬度？

回答

相關問題