css表單下拉列表問題

在我的網站css文件我有它，所以形式輸入背景（textareas，下拉等）有一個背景顏色黑色屬性。css表單下拉列表問題

但是在一個頁面上，我試圖做一個顏色部分下拉列表中，每個選項的背景不同的顏色，例如：藍

這工作，在下拉菜單中打開，但是當我選擇它，它不會在當前選擇的字段中顯示背景顏色。我不知道CSS是否覆蓋它或什麼。

任何人都知道如何繞過這個？（試圖解釋我最能）

這是我的CSS文件：

input,textarea,input,select,input,checkbox { 
font-size:12px; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#98925C; 
background-color:#000; 
border:1px solid #413E22 
}

，並使用我的HTML網頁上的代碼IM使窗體：

<select size="1" name="color"> 
<option value=blue style='background-color:blue'>blue</option> 
<option value=red style='background-color:red'>red</option> 
</select>

等

來源

2011-09-23 user961882

像往常一樣，我們強烈建議您向我們展示你的一些代碼，所以我們可以更好地幫助你找出問題。重新發明輪子是沒有意義的，如果這只是一個簡單的改變，讓你的代碼工作！ –

我想你會需要這個javascript。 –

一個http://jsfiddle.net也會有幫助。 –

當<select>處於打開狀態時，您會看到<option>元素及其各自的背景顏色。當您選擇一個選項時，<select>元素將關閉其選項，讓您僅查看<select>元素。有意義的是，<option>背景色不會影響已關閉的<select>元素。

話雖這麼說，這看起來像一個解決方案：

<select onChange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor">

來源

2011-09-23 20:11:51

哦，我明白了，是否有作弊呢？ – user961882

您可以使用javascript;我編輯了我的答案。也許這會使你朝着正確的方向前進。 –

工作完美，非常感謝。 – user961882

css表單下拉列表問題

回答

相關問題