<option>タグのstyleテスト

<option>タグにstyleを設定しても、背景色、文字色以外は反映しない。（左の選択リストでは、兵庫と京都だけにstyleを設定いしている)

親コンテナの<select>タグに設定したstyleは、背景色、文字色、font、Text装飾以外は継承しないみたい。(右に選択リストを参照）

* MicrosoftのMSDNのoptionエレメントの説明に、以下のような個所がある。

”このエレメントに対するstyleオブジェクトを適用したスタイル設定は無視される。しかし、包含しているSELECTエレメントを適用したスタイル設定は、このエレメントにも適用できる。このエレメントはブロックエレメントである。”

HTML Source......................................................................>>>

<form name="form1">
 <select name="select1">
  <option value="osaka" selected>大阪</option>
  <option value="nara">奈良</option>
  <option value="fougo" style="background-color:darkgray;color:red;font:bold 20px 'ＭＳ 明朝';
      text-align:right;text-decoration:underline">兵庫</option>
  <option value="wakayama">和歌山</option>
  <option value="kyoto" style="line-height:200%;border:thin solid green;cursor:wait">京都</option>
  <option value="siga">滋賀</option>
 </select>
  
 <select name="select2" style="background-color:darkgray;color:red;font:bold 20px 'ＭＳ 明朝';
      text-align:right;text-decoration:underline;line-height:200%;border:thin solid green;cursor:wait">
  <option value="osaka" selected>大阪</option>
  <option value="nara">奈良</option>
  <option value="fougo">兵庫</option>
  <option value="wakayama">和歌山</option>
  <option value="kyoto">京都</option>
  <option value="siga">滋賀</option>
 </select>
</form>

end(02/9/26)