2017-07-22 3 views
-1

INLINE CSSを使用してSELECT/OPTIONボックスのスタイルを設定しようとしています。INLINEテキストを使用してOPTIONフィールドのスタイルを設定するには

background-colorが動作していないようです:

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

は基本的に、私は3-4のオプションをしたいが、各行が別々の色の背景を持っています。

私が見つけたすべてのCSSの例は、私が取り組んでいる領域の上に外部CSSファイル、または別のSTYLEセクションを使用しています。

これはインラインで実行できますか?

+0

FURTHER:私はW3.CSS色テンプレートでそれを行うカントが、私は定期的な名前付きの色でそれを行うことができます。しかしながら。私がページをロードするとき、colkor選択ボックスは白ですが、それをクリックすると、下のオプションがすべて下に表示され、それらはすべて適切なカラー背景を持っています。 1番目のオプションが2回表示されます。一番上のものは明確な背景です..説明が難しい –

答えて

1

はい、インラインスタイルを与えたい場合は、それを与えることができます。

スペルミスがあるため、スタイルがコードで機能していません。

あなたははい、あなたはインラインそれを行うことができます代わりに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>

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

これは、ドロップダウンからオプションを選択すると表示されます。

0

bakground-colorを書きます。

<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>

関連する問題