0

私は自分のウェブページでこのメニューを使用しています

<select id="menu">
<option value="1"><h1>one</h1></option>
<option value="2"><h1>two</h1></option>
<option value="3"><h1>three</h1></option>
</select>

なぜ機能しないのか知りたい<h1>...</h1>です。

ありがとう！！！あらかじめ。

4

6 に答える 6

5

このoption要素は、テキストのみをコンテンツとして許可します。要素の定義は次のとおりです。

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->
于 2009-02-21T10:37:36.100 に答える
2

私はこれを試していないので、これは憶測ですが、ドロップダウン メニューに見出しを配置するのは無意味だと思います。オプション自体の CSS クラスを使用して、オプションの形式を変更します。

<select id="menu">
<option class="mybiggertext">Option 1</option>
etc...
于 2009-02-21T10:39:51.257 に答える
1

私の知る限り、選択オプションタグ内でタグを使用することはできないため..フォントサイズを変更したい場合は代わりにCSSを使用してください:

<html>
<head>
<style type="text/css">
select, option {font-size: 200%}
</style>
</head>
<body>
<select id="menu">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
</body>
</html>
于 2009-02-21T10:40:06.763 に答える
1

options要素内に Html タグを挿入することはできません。

ただし、次の方法で実行できます（すべてのオプションが含まれます）：

<select style="font-weight:bold;font-size:14px;color:red;">
<option>item 1</option>
<option>item 2</option>
<option>item 3</option>
</select>
于 2009-02-21T10:43:17.630 に答える
1

メニュー オプションでフォント サイズを大きくすることが目的の場合は、代わりに次の方法を試してください。

<select id="menu" style="font-size:20">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
于 2009-02-21T10:45:16.253 に答える
0

まず、HTML 4.01およびXHTML 1.1の仕様では、'option' 要素の最小限のコンテンツ モデルを CDATA に指定しています。つまり、テキストのみを含むことができます (子要素を含まない)。ほとんどのブラウザーはこれを尊重し、「オプション」内の要素をレンダリングすることを気にしません。

第二に、セマンティックなコンテンツ階層を作成するためのヘッダーとしての正しい使用とは対照的に、「h1」要素を使用して視覚的な区別を作成しているようです。次のようなものを使用することをお勧めします。

<option value="1" class="big">one</option>

必要に応じて「大きく」スタイリングします。

于 2009-02-21T10:44:27.503 に答える