Html :目标选择器不';不能使用选项标记

Html :目标选择器不';不能使用选项标记,html,css,Html,Css,我试图在这里帮助StackOverflow的一位同事,我发现CSS:target选择器不能与选项标记一起工作。我创建了一个示例来说明如何使用,代码如下: :目标{ 边框:2px实心#d4; 背景色:#e5eecc; } 1. 2. 3这是因为该选项不允许包含其他元素 唯一的解决方案是使用Javascript,我想,标签中必须只有文本,所以浏览器忽略其他标签,只显示文本。您可以检查呈现的HTML,您可以看到我在说什么。在这种情况下,此渲染为: <select> <o

我试图在这里帮助StackOverflow的一位同事,我发现CSS
:target
选择器不能与选项标记一起工作。我创建了一个示例来说明如何使用,代码如下:

:目标{
边框:2px实心#d4;
背景色:#e5eecc;
}

1. 2.
3
这是因为该选项不允许包含其他元素

唯一的解决方案是使用Javascript,我想,

标签中必须只有文本,所以浏览器忽略其他标签,只显示文本。您可以检查呈现的HTML,您可以看到我在说什么。在这种情况下,此渲染为:

<select>
    <option>This doesn't work!</option>
    <option>Selection2</option>
    <option>Selection3</option>
</select>

这不行!
选择2
选择3