Html 关于一个我根本搞不清楚的开始标签的错误

底部有一个编辑：

我有以下代码：

<select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
    <option value="">Select Month</option> 
    <option value='http://www.example.com?m=201512'>
    <span style="text-decoration: underline; color: blue;">
        December 2015 &nbsp;(4)
    </span>
    </option>
</select>

当我用Firebug检查HTML时，span标记不在那里。如果我通过Firefox查看页面源代码，span start标记和end标记显示为红色，表示有问题

将光标悬停在红色代码上会显示：偏离起始标记范围

如果通过验证程序运行页面，则不会发现任何错误

可能选项标记中不允许使用范围标记

但是，为什么验证器不标记它呢

编辑**** 关于验证程序，我只是再次查看，发现我正在使用CSS验证程序

我在标记VAIDatar中运行了该页面，并得到：

错误：偏离起始标记范围

来自第273行第80列；至第273行第134列

m=201512'>Decem

有什么想法吗

允许包含最终转义字符（如é）的内容文本

不允许跨距，它仅为文本。如果您想设置文本的样式，您需要查看一个不是标准元素的JavaScript/CSS解决方案

span标记在选项/select中绝对无效

将CSS与选择器一起使用

select option.some-class {
    text-decoration: underline;
    color: blue;
}

其中some class是您为选项指定的类的名称，即

<option class="some-class">December 2015 &nbsp;(4)</option>

感谢Epasarello和worldofjr解释了发生错误的原因，因为选项标记中不允许使用span标记。选项标记中似乎不允许有任何标记

我想出了一个解决问题的办法-

选择我正在编码的是Wordpress存档月份列表。函数wp_get_archives有一个为每个条目生成选项标记的选项，但是我无法添加到选项标记中，以放入我想要的样式

我希望选择中除第一个选项外的所有选项都有颜色：蓝色；文字装饰：下划线；光标：指针；我希望它们看起来像一个链接。我知道它们在悬停或跟随时不会改变颜色，但蓝色和下划线以及指针光标应该能够显示它们是链接

该函数不生成select标记，我必须对其进行编码，以便添加到其中。我将class=optionSetRules放在select上

我将班级编码为：

.optionSetRules option {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

这将使用class=optionSetRules在父级中设置选项标记的样式

我在选择我自己中对第一个选项进行了编码，以显示选择月份。我不希望这个选项有颜色：蓝色；和文字装饰：下划线；因此，我将class=optionSetBlackNoUnderline添加到选项标记中，然后添加了以下CSS：

.optionSetBlackNoUnderline{
    color: black;
    text-decoration: none;
    cursor: default;
}

这种编码给了我我想要的——选项，除了第一个，设置为颜色：蓝色；文字装饰：下划线；光标：指针

现在的问题是，我应该把哪个答案标记为接受答案

---

SimonT

如果验证程序传递的HTML.span标记在选项/select中绝对无效，则可能需要找到其他验证程序。在select option.some-class上使用CSS，在这里您为选项指定了一个具有该名称的类。我编辑了我的问题-我使用的是CSS验证器，而不是标记验证器。标记验证程序标记了该问题。至于在选项标签上添加一个类，我不会与Wordpress函数斗争，该函数创建选项标签，并且不会给我在选项标签中包含某些内容的选项。我会四处看看，看看是否有其他方法来完成这项任务。谢谢你的回复。我在问题的底部添加了一个编辑，它在问题的末尾。它更正了我对验证器的评论。我将尝试想出一种方法来做我想做的事情——选项标记是由Wordpress函数生成的，我不能在选项标记中添加任何东西，比如类。感谢回复。我正在寻找其他方法来创建select，在这里我可以编写实际的选项标签。如果失败了，我将使用一些JavaScript onload并更改选项标记textdearching和颜色样式