我在我的网页上使用这个菜单
<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>
不工作。
谢谢!!!提前。
我在我的网页上使用这个菜单
<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>
不工作。
谢谢!!!提前。
该option
元素只允许文本作为内容。这是元素定义:
<!ELEMENT OPTION - O (#PCDATA) -- selectable choice -->
我没有尝试过,所以这是猜测,但我怀疑将标题放在下拉菜单中是荒谬的。我会在选项本身上使用 CSS 类来更改选项的格式。
<select id="menu">
<option class="mybiggertext">Option 1</option>
etc...
因为您不能-据我所知-在选择选项标签中使用标签。如果要更改字体大小,请改用 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>
您不能在选项元素内插入 Html 标记。
但是您可以通过这种方式做到这一点(包括所有选项):
<select style="font-weight:bold;font-size:14px;color:red;">
<option>item 1</option>
<option>item 2</option>
<option>item 3</option>
</select>
如果您的目标是增加菜单选项中的字体大小,请尝试以下操作:
<select id="menu" style="font-size:20">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>