如何使用INLINE文本設置OPTION字段的樣式

-1

我正在嘗試使用INLINE CSS設置SELECT/OPTION框的樣式。如何使用INLINE文本設置OPTION字段的樣式

的background-color似乎並不奏效：

<option style='bakground-color:red'>text</option>

基本上，我想3-4的選擇，但每行有一個單獨的彩色背景。

我發現的所有CSS示例都使用外部CSS文件或我正在使用的區域上方的單獨STYLE部分。

是否有可能這樣做內聯？

來源

2017-07-22 G Stewpot

進一步指出：我不能跟W3.CSS顏色模板做到這一點，但我可以用常規命名的顏色做。然而。當我加載頁面時，colkor選擇框是白色的，但是如果我點擊它，我會看到所有選項在下面的頂部選項，並且它們都具有適當的顏色背景。第一個選項顯示兩次。最重要的一個是清晰的背景......很難解釋 –

是的，如果你想給內聯風格，那麼你可以給。

樣式在代碼中不起作用，因爲您有拼寫錯誤。

你寫的bakground-color代替background:color

<select> 
 

 
    <option value="1" style="background-color:yellow">Option 1</option> 
 
    <option value="2" style="background-color:orange">Option 2</option> 
 
    <option value="3" style="background-color:red">Option 3</option> 
 
    <option value="4" style="background-color:green">Option 4</option> 
 

 
</select>

來源

2017-07-22 05:43:31

<option value="aa" style="background: black;">aa</option> 
<option value="bb" style="background: blue;">bb</option>

當您從下拉列表中選擇一個選項時，會顯示此選項。

來源

2017-07-22 05:37:25 noobcode

是的，您現在可以做到這一點。

<select> 
 
    <option value="green" style="background: green;">green</option> 
 
    <option value="cyan" style="background: cyan;">cyan</option> 
 
    <option value="yellow" style="background: yellow;">yellow</option> 
 
</select>

來源

2017-07-22 05:45:03

如何使用INLINE文本設置OPTION字段的樣式

回答

相關問題