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

您不能在选项元素内插入 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.01XHTML 1.1的规范将“option”元素的最小内容模型指定为 CDATA——这意味着它只能包含文本(没有子元素)。大多数浏览器都尊重这一点,并且不会费心在“选项”中渲染任何元素。

其次,您似乎在使用“h1”元素来创建视觉区别,而不是将其正确用作标题来创建语义内容层次结构。我建议您使用以下内容:

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

根据需要造型“大”。

于 2009-02-21T10:44:27.503 回答