有誰知道如何在<select>

Question

選項標籤添加標有誰知道如何在選項標籤上標的添加的

<select name=" "> 
    <option value=" ">24<sup>th</sup></option> 
</select> 

Answer 1

默認情況下，你不能修改<option>標籤的樣式。甚至不給填充工程（在FF中工作），所以你可以使用jNice爲你的表單造型，而你的可以使用<sub>和<sup>裏面的標籤。 :)

退房這裏演示：http://www.whitespace-creative.com/jquery/jNice/

Answer 2

因爲一個選擇框anctual經常操作系統對象，而不是soemthing這是您限於這是什麼對象可以做瀏覽器借鑑。

它是Windows上的Listbox或Combobox，它們不具備繪製超級腳本的功能。

恐怕你不得不生活而不能做到這一點。

Answer 3

如果用戶有適當的字體（here's列表），你可以使用Unicode標字符：

<select name=" "> 
 
    <option value=" ">24&#x1D57;&#x02B0;</option> 
 
</select>

Answer 4

如果您設置文檔的編碼設置爲UTF-8或使用Unicode轉義字符，你可以使用Unicode superscripts這一點，如：

<option>25ᵗʰ</option> 

然而，這可能在某些字體或瀏覽器中根本無法正確顯示，通常不像使用HTML/CSS上標功能那麼好看。

Answer 5

爲了完整性和未來，我提到了通過CSS中的font-feature-settings使用OpenType字體的功能的可能性。使用ordn feature，您可以指定從字體中使用上標字母（如果可用）。在瀏覽器和字體的支持還是非常有限的，但足夠新的瀏覽器在Windows上的足夠新版本的以下作品（其中有「C字型」像宋體安裝）：

<style> 
select, option { 
    -webkit-font-feature-settings: "ordn"; 
    -moz-font-feature-settings: "ordn"; 
    font-feature-settings: "ordn"; 
    font-family: Calibri; 
} 
</style> 
<select> 
<option>24th 
</select> 

這隻能如果使用全部option內容中的字母將顯示爲上標。

該方法優雅地退化：當技術不起作用時，渲染僅僅回退到正常顯示「第24」。

Answer 6

你可以寫這樣一來，

string item=HttpUtility.HtmlDecode("ml/min/1.73m²") 

對標更多的信息，你可以看到這個鏈接 http://symbolcodes.tlt.psu.edu/bylanguage/mathchart.html#super